超级会员免费看
本文详细解析了前端性能优化的重要指标，包括首屏绘制(FP)、首内容绘制(FCP)、可交互时间(TTI)、总阻塞时间(TBT)和最大内容绘制(LCP)，并介绍了平均值和百分位数两种统计方式。通过性能指标的统计，结合做减法和做除法的优化思路，提升页面加载和渲染效率。
为了不断提升用户体验，前端工程师往往会对页面性能不断改进，而这个改进的过程就叫性能优化。
一、性能指标
什么是性能？性能是指程序的运行速度，而前端性能是指页面的响应速度，提到速度必然离不开一个变量，那就是时间。所以我们会看到性能指标都是以时间为单位来测量的。
前端性能的指标有很多，本文从是否可以通过浏览器采集上报，是否由权威组织或大型公司提出，以及是否严重影响用户体验这 3 个方面考虑，选取了下面一些重要的指标。
1、首屏绘制（First Paint，FP）
首屏绘制由 W3C 标准 Paint Timing 中提出。
首屏绘制时间是指从开始加载到浏览器首次绘制像素到屏幕上的时间，也就是页面在屏幕上首次发生视觉变化的时间。注意首屏绘制不包括默认的背景绘制，但包括非默认的背景绘制。由于首次绘制之前网页呈现默认背景白色，所以也俗称“白
订阅专栏 解锁全文
扫一扫
711
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
