跳到正文

免费工具

核心网页指标讲解

用通俗的语言讲解核心网页指标:LCP、INP 和 CLS 分别衡量什么,良好与较差的阈值,以及针对缓慢、无响应或布局偏移页面的常见修复方法。

加载

LCP

最大内容绘制(Largest Contentful Paint)

屏幕上最大的元素(通常是首屏大图或标题)需要多久才渲染完成。

良好
≤ 2.5 秒
需要改进
2.5 至 4 秒
较差
> 4 秒
响应性

INP

下次绘制的交互(Interaction to Next Paint)

在整个访问过程中,页面对点按、点击和按键做出可见响应的速度。

良好
≤ 200 毫秒
需要改进
200 至 500 毫秒
较差
> 500 毫秒
视觉稳定性

CLS

累积布局偏移(Cumulative Layout Shift)

页面在使用过程中,内容意外跳动的程度。

良好
≤ 0.1
需要改进
0.1 至 0.25
较差
> 0.25

分数如何评判

每项指标都按真实页面加载的第 75 百分位来评判:当至少 75% 的访问获得良好体验时,页面才算通过。在您自己高速机器上的实验室工具,往往比访客实际看到的效果更好,因此请衡量真实用户。

常见修复方法

  • LCP:以现代格式和合适的尺寸提供首屏大图,预加载它,避免懒加载,并通过缓存缩短服务器响应时间(TTFB)。
  • INP:拆分耗时长的 JavaScript 任务,推迟第三方脚本,避免在输入处理程序中做繁重的工作。
  • CLS:为图片、嵌入内容和广告设置固定尺寸,为横幅预留空间,并使用 font-display 配合匹配的备用字体。

同样值得关注

FCP(First Contentful Paint,首次内容绘制)显示何时首次出现内容,TTFB(Time to First Byte,首字节时间)显示您的服务器响应有多快。两者都有助于解释缓慢的 LCP。

衡量您的真实访客

Privatus Analytics 通过真实访问衡量全部五项指标,采用抽样且无 Cookie,并与您的流量并列显示。查看性能监控。