LCP、INP 和 CLS 分别是什么意思?
核心网页指标
它们是 Google 用来描述页面用户体验的三项 Core Web Vitals(核心网页指标)。Largest Contentful Paint(LCP,最大内容绘制)衡量加载速度:主要内容需要多长时间才会出现。Interaction to Next Paint(INP,下次绘制的交互延迟)衡量响应能力:用户点击、轻触或输入时,页面多快做出反应。Cumulative Layout Shift(CLS,累积布局偏移)衡量视觉稳定性:页面布局的跳动幅度有多大。“良好”的标准是:LCP 在 2.5 秒以内,INP 在 200 毫秒以内,CLS 不超过 0.1。
三项指标一览
| 指标 | 衡量内容 | 良好 | 需要改进 | 较差 |
|---|---|---|---|---|
| LCP | 加载速度 | 2.5 秒或更短 | 最高 4 秒 | 超过 4 秒 |
| INP | 响应能力 | 200 毫秒或更短 | 最高 500 毫秒 | 超过 500 毫秒 |
| CLS | 视觉稳定性 | 0.1 或更低 | 最高 0.25 | 超过 0.25 |
以上阈值来自 Google 的 Core Web Vitals 报告帮助文档。当访问数据的第 75 百分位上三项指标均为“良好”时,页面才算通过,且移动端和桌面端分别单独衡量。
LCP:Largest Contentful Paint
LCP 指从用户开始加载页面,到可见区域内最大的图片、视频或文本块完成渲染所经过的时间。符合条件的元素包括 <img> 元素、SVG 内的图片、视频的海报图或首帧、CSS 背景图片以及块级文本。一旦访客开始交互,浏览器就会停止寻找新的候选元素。LCP 偏慢,通常是因为服务器响应慢、首屏大图体积过大或发现得太晚,或是 CSS 和脚本阻塞了渲染。
INP:Interaction to Next Paint
INP 会记录一次访问期间的点击、轻触和按键操作,并测量每次操作从发生到浏览器能够绘制下一帧所需的时间。悬停、滚动和缩放不计入。上报的数值是最慢的那次交互;如果页面上的交互很多,则会忽略异常值。2024 年 3 月,INP 取代 First Input Delay(FID)成为 Core Web Vitals 指标;FID 只关注首次交互,而 INP 覆盖整个访问过程。INP 较差通常是由长时间运行的 JavaScript 任务占用主线程造成的。
CLS:Cumulative Layout Shift
CLS 会累加意料之外的布局偏移,例如上方的图片或广告加载后,文本被挤得向下跳动,并报告访问期间最大的一组连续偏移。每次偏移的得分取决于屏幕上移动的区域有多大、移动的距离有多远。点击、轻触或按键后 500 毫秒内发生的偏移不计入,因为此时访客本就预期页面会发生变化。
这些数据从哪里来?
Search Console 的 Core Web Vitals 报告使用来自 Chrome UX Report 的实测数据:即过去 28 天内真实的 Chrome 访问数据,按相似页面分组,每组以其中最差的指标评级。Lighthouse 等实验室工具是在没有真实访客的情况下加载页面的,因此无法测量 INP,而是用 Total Blocking Time(总阻塞时间)作为替代,web.dev 的 Web Vitals 概览对此有详细说明。实验室得分只适合用来排查问题,最终结论应以实测数据为准。
Core Web Vitals 会影响排名吗?
Google 强烈建议网站取得良好的 Core Web Vitals 表现,以便在 Search 中获得成功,并表示页面体验与其核心排名系统希望奖励的内容相一致。但这并不是捷径:速度快的页面,仍然需要是最佳答案。如何修复较差的 Core Web Vitals 得分?介绍了每项指标分别应该怎么改。
AutoPSEO 如何提供帮助
AutoPSEO 的 Core Web Vitals 报告会读取整个网站或单个 URL 的 Chrome UX Report 历史数据,可按手机、桌面或平板查看,并基于约六个月的每周数据,绘制第 75 百分位上的 LCP、INP 和 CLS(以及首次内容绘制和首字节时间)图表,方便你看出某项指标是从什么时候开始变差的。