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 | 累积版式移位 | 衡量布局稳定性 | \n 为了提供良好的用户体验,网站应努力使 CLS 分数小于0.1。为确保您达到大多数用户的这一目标,衡量移动设备和台式机设备的页面加载量的第 75 个百分位是一个很好的衡量标准。 |
https://web.dev/cls/ |
| FID | 首次输入延迟 | 衡量布局稳定性 | \n 为了提供良好的用户体验,站点应努力使首次输入延迟小于 100 毫秒。为确保您达到大多数用户的这一目标,衡量 移动设备和台式机设备的页面加载量的第 75 个百分位是一个很好的衡量标准。 |
https://web.dev/fid/ | |
| LCP | 最大内容绘画 | 感知加载速度 | \n 为了提供良好的用户体验,网站应努力在开始加载页面的前 2.5 秒内进行“最大内容绘画” 。为确保您达到大多数用户的这一目标,衡量移动设备和台式机设备的页面加载量的第 75 个百分位是一个很好的衡量标准。 |
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.suzhihao.com/2020/Web重点性能指标/
\n 为了提供良好的用户体验,网站应努力使 CLS 分数小于0.1。为确保您达到大多数用户的这一目标,衡量移动设备和台式机设备的页面加载量的第 75 个百分位是一个很好的衡量标准。
\n 为了提供良好的用户体验,站点应努力使首次输入延迟小于 100 毫秒。为确保您达到大多数用户的这一目标,衡量 移动设备和台式机设备的页面加载量的第 75 个百分位是一个很好的衡量标准。
\n 为了提供良好的用户体验,网站应努力在开始加载页面的前 2.5 秒内进行“最大内容绘画” 。为确保您达到大多数用户的这一目标,衡量移动设备和台式机设备的页面加载量的第 75 个百分位是一个很好的衡量标准。



