前端性能优化一些思考

我们可以从下面三个方面考虑:

  1. 监控平台建设,如数据分析平台
  2. 指标采集及上报,如埋点js的开发
  3. 性能优化的流程

性能优化的常见指标

  1. 加载:如首屏时间、白屏时间、渲染时间,我们可以认为,首屏时间=白屏时间+渲染时间,可以使用阿里推出的秒开率测试
  2. 交互:指标首次输入FID,视觉变化率psi
  3. 视觉方面,视觉稳定性cls衡量

影响性能的有哪些

1.本地缓存,如强缓存expires,cache-control,协商缓存last-modify/etag
2.dns查询时间
3.http请求,主要是阻塞
4.服务起处理阶段,如缓存、重定向、Gzip等
5.页面渲染阶段,主要耗时,dom tree 和cssom tree 合并render tree的重绘和回流,还有布局瓶颈

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容