Web重点性能指标
各指标参考范围:
模块 | 指标 | 含义 | 目的 | 建议值 | 参考文档 |
---|---|---|---|---|---|
arms | FPT | 首次渲染耗时 | 感知加载速度 | 为了提供良好的用户体验,网站应努力使 First Contentful Paint 在加载页面的1 秒内发生。为确保您达到大多数用户的这一目标,衡量移动设备和台式机设备的页面加载量的第 75 个百分位是一个很好的衡量标准 。 | https://help.aliyun.com/document_detail/89010.html?spm=a2c4g.11186623.2.14.43037567mCfeb2 |
FMP | 首屏时间 | 感知加载速度 | 为了提供良好的用户体验,网站应努力在开始加载页面的前 2.5 秒内进行“最大内容绘画” 。为确保您达到大多数用户的这一目标,衡量移动设备和台式机设备的页面加载量的第 75 个百分位是一个很好的衡量标准。 | https://zhuanlan.zhihu.com/p/44933789?spm=a2c4g.11186623.2.29.eb725b56o2tXWw | |
LOAD | 页面完全加载时间 | 感知加载速度 | |||
TRANS | 内容传输耗时 | 感知加载速度 | |||
TTI | 首次可交互时间 | 衡量交互体验 | |||
JS 错误率 | 判定前端代码质量 | ||||
API 错误率 | 判定接口稳定性 | ||||
web-vitals | CLS | 累积版式移位 | 衡量布局稳定性 | ![]() |
https://web.dev/cls/ |
FID | 首次输入延迟 | 衡量布局稳定性 | ![]() |
https://web.dev/fid/ | |
LCP | 最大内容绘画 | 感知加载速度 | ![]() |
https://web.dev/lcp/ | |
FCP | 首次内容绘画 | 感知加载速度 | 为了提供良好的用户体验,网站应努力使 First Contentful Paint 在加载页面的 1 秒内发生。为确保您达到大多数用户的这一目标,衡量移动设备和台式机设备的页面加载量的第 75 个百分位是一个很好的衡量标准 。 | https://web.dev/fcp/ | |
TTFB | 首包时间 | 感知加载速度 | 越短越好 | ||
lighthouse | FCP | 首次内容绘画 | 感知加载速度 | ![]() |
https://web.dev/first-contentful-paint/ |
SI | 可视化内容显示速度 | 感知加载速度 | ![]() |
https://web.dev/speed-index/ | |
LCP | 最大内容绘画 | 感知加载速度 | <2.5s | https://web.dev/lcp/ | |
TTI | 首次可交互时间 | 衡量交互体验 | ![]() |
https://web.dev/interactive/ | |
TBT | 总阻塞时间 | 衡量交互体验 | ![]() |
https://web.dev/lighthouse-total-blocking-time/ | |
FMP | 首次有效绘画 | 感知加载速度 | ![]() |
https://web.dev/first-meaningful-paint/ |
Web重点性能指标
https://www.wobushi.top/2020/Web重点性能指标/