# 性能优化(一)

指标

  • 3s内打开网页,每慢1秒造成⻚面 PV 降低11%,用户满意度也随之降低降低16%。
  • 单个文件30kb左右
  • 加载js不能超过5个

# 优化方式

  • 控制HTML的DOM数量,html css的hint 善用css。cookie小一点。
  • 开gzip,keep-alive
  • CDN,使用CDN是因为不会携带多余的cookie。使用多个CDN,解决浏览器对同一个域名的并发

# 测速方式

网络加载图

# 多普勒测速

分五次请求,计算公式

  • api?http1.0&t=1&size=0k

  • api?http1.1&t=2&size=0k

  • api?http1.1&t=3&size=0k

  • api?http1.1&t=4&size=10k

  • api?http1.1&t=5&size=40k

  • T1 = DNS+New Connection+RTT

  • T2 = New Connection+RTT

  • T3 = RTT

  • 10k/(t4-t3)~TCP bandwidth

  • (40k-10k)/(t5-t4)~TCP bandwidth

# 图片测速

# porformance.timing