显示核心网页生命周期指标的分析仪表板

核心网页生命周期指南:LCP、CLS 和 INP 对网站所有者的意义

谷歌使用数百个信号来对网站进行排名,但很少有信号像核心网页生命周期那样具体和可测量。这些是真实用户性能指标 — 不是综合实验室基准 — 它们测量页面实际加载速度、布局稳定性的感觉以及页面对用户输入的响应速度。

了解每个指标的含义、阈值在哪里以及如何测量它们对于任何关心搜索排名和用户体验的网站所有者都是必要的。

什么是核心网页生命周期?

核心网页生命周期是一组三个用户体验指标,谷歌正式用作排名因素的一部分,属于其页面体验信号。这些指标于 2021 年推出,自此已成为网络性能的标准基准。与服务器端指标(如首字节时间)不同,核心网页生命周期是从真实浏览器中用户的角度测量的。

谷歌从 Chrome 用户通过 Chrome 用户体验报告 (CrUX) 收集这些数据,并将其用于排名信号和 PageSpeed Insights 和搜索控制台等工具中。如果您的网站有足够的 Chrome 流量,您的真实用户数据会直接流入谷歌的系统。

三个指标:LCP、CLS 和 INP

LCP — 最大内容绘制

LCP 测量页面上最大可见元素完成加载所需的时间。这通常是英雄图像、大标题或主要内容块。它表示用户感觉页面已加载的点。

常见的 LCP 杀手:服务器响应缓慢、渲染阻塞资源(在主要内容之前加载的 JavaScript 和 CSS)、未优化的图像和关键资源缺少预加载提示。

CLS — 累积布局偏移

CLS 测量视觉稳定性 — 页面加载时布局意外移动的程度。如果广告突然将内容向下推,或字体交换导致文本跳跃,这会记录为布局偏移。CLS 的评分是无单位值(非时间)。

要修复 CLS:始终在图像和视频上设置显式宽度和高度属性,为广告和嵌入内容保留空间,并避免在现有内容上方插入内容,除非响应用户交互。

INP — 交互到下一次绘制

INP 在 2024 年 3 月取代 FID(首次输入延迟)成为正式的核心网页生命周期指标。它测量整个页面生命周期中所有交互 — 点击、点按和按键 — 的延迟,而不仅仅是第一个。INP 是页面上观察到的第 98 百分位交互延迟。

高 INP 通常由繁重的 JavaScript 执行引起,当用户尝试与页面交互时会阻塞主线程。审计您的 JS 包,延迟非关键脚本,并为昂贵的计算使用 Web Workers。

如何测量核心网页生命周期

有三种主要方法来测量 CWV:

Chrome DevTools: 打开性能选项卡并记录页面加载。CWV 标记会出现在时间线上。Lighthouse 面板提供基于实验室的估计和可操作的建议。适合在开发期间调试特定页面。

PageSpeed Insights: 在 pagespeed.web.dev 上输入任何公开 URL。它显示实验室数据(Lighthouse)和现场数据(真实 CrUX 数据,如果可用)。现场数据部分是谷歌实际用于排名的内容 — 请注意这一部分,而不仅仅是实验室分数。

Google Search Console CWV 报告: 如果您的网站有足够的 Chrome 用户,Search Console 的核心网页生命周期报告会将您的 URL 分组为"良好"、"需要改进"和"差"的组。这是谷歌如何从大规模看待您网站性能的最清晰信号。

statpx 自动从真实访问者那里跟踪核心网页生命周期 — 免费

statpx 使用 Performance Observer API 从实际访问者会话中测量真实用户 LCP、CLS 和 INP。无需配置 — 安装代码片段后,CWV 数据会自动出现。

免费开始跟踪 →

总结

核心网页生命周期不是谜团 — 它们是三个具体的、可测量的阈值,您可以监控和改进。LCP 应低于 2.5 秒,CLS 低于 0.1,INP 低于 200ms。未能达到这些阈值可能会影响您的排名并表明用户体验不佳。

最重要的是从真实用户那里测量,而不仅仅是实验室模拟。Lighthouse 等实验室工具为您提供起点,但来自实际访问者的现场数据反映了谷歌所看到的。如果您想了解网站的 SEO 性能如何与访问者行为相关,请阅读我们关于使用分析数据改进您的 SEO 的指南。

Continue reading

SEO
How to Use Website Analytics Data to Improve Your SEO
Technical
How to Identify and Block Referrer Spam in Website Analytics
Metrics
How to Track and Reduce Shopping Cart Abandonment with Analytics
Analytics by statpx