# 性能优化(一)
指标
- 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
# 图片测速
# navigator
# porformance.timing
← vue-vite-ts 大话设计模式 →