免费工具
核心网页指标讲解
用通俗的语言讲解核心网页指标:LCP、INP 和 CLS 分别衡量什么,良好与较差的阈值,以及针对缓慢、无响应或布局偏移页面的常见修复方法。
加载
LCP
最大内容绘制(Largest Contentful Paint)
屏幕上最大的元素(通常是首屏大图或标题)需要多久才渲染完成。
良好
≤ 2.5 秒 需要改进
2.5 至 4 秒 较差
> 4 秒
≤ 2.5 秒 需要改进
2.5 至 4 秒 较差
> 4 秒
响应性
INP
下次绘制的交互(Interaction to Next Paint)
在整个访问过程中,页面对点按、点击和按键做出可见响应的速度。
良好
≤ 200 毫秒 需要改进
200 至 500 毫秒 较差
> 500 毫秒
≤ 200 毫秒 需要改进
200 至 500 毫秒 较差
> 500 毫秒
视觉稳定性
CLS
累积布局偏移(Cumulative Layout Shift)
页面在使用过程中,内容意外跳动的程度。
良好
≤ 0.1 需要改进
0.1 至 0.25 较差
> 0.25
≤ 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,并与您的流量并列显示。查看性能监控。