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.wobushi.top/2020/Web重点性能指标/
作者
Pride Su
发布于
2020年3月31日
许可协议