前端性能指标，一网打尽！
最新回答
你一贱我就笑
2026-07-08 12:30:12
前端性能指标主要包括以下方面：
加载相关指标： FCP：衡量页面首次非空白元素绘制的时间，理想值应控制在1.8秒内。 LCP：关注视窗内最大元素的绘制时间，理想值应在2.5秒内。 TTFB：从点击到接收到第一个字节的时间，理想值控制在800毫秒内。 TBT：长任务对主线程阻塞的总时间，理想值应低至移动设备上的300毫秒，桌面Web上100毫秒。
交互相关指标： FMP：衡量用户看到有意义内容的时间，需根据应用和用户需求确定。 FP：关注页面首次显示像素的时间，白屏时间越短越好。 SI：衡量页面加载和内容可见速度，理想值移动设备低于3.4秒，桌面低于1.3秒。 CLS：评估页面布局稳定性，理想值应控制在0.1内。 INP：衡量用户交互后页面响应速度，理想值在200毫秒内。 FID：衡量用户首次交互响应时间，减小输入延迟可提高用户体验。 TTI：关注页面从加载到用户可流畅交互的时间，优化脚本加载以降低TTI。
此外，Google的Core Web Vitals是前端性能优化的核心指标集合，包括加载、交互和视觉稳定性指标，可通过webvitals库以及PageSpeed Insights、Lighthouse等工具进行测量和优化。
热门标签
