我们可以从下面三个方面考虑:
- 监控平台建设,如数据分析平台
- 指标采集及上报,如埋点js的开发
- 性能优化的流程
性能优化的常见指标
- 加载:如首屏时间、白屏时间、渲染时间,我们可以认为,首屏时间=白屏时间+渲染时间,可以使用阿里推出的秒开率测试
- 交互:指标首次输入FID,视觉变化率psi
- 视觉方面,视觉稳定性cls衡量
影响性能的有哪些
1.本地缓存,如强缓存expires,cache-control,协商缓存last-modify/etag
2.dns查询时间
3.http请求,主要是阻塞
4.服务起处理阶段,如缓存、重定向、Gzip等
5.页面渲染阶段,主要耗时,dom tree 和cssom tree 合并render tree的重绘和回流,还有布局瓶颈