核心网页指标：通过 Google 的速度测试

2021 年，Google 宣布核心网页指标是排名因素。如今有三项具体指标直接影响您的搜索排名：最大内容绘制（LCP）、累积布局偏移（CLS）和交互到下一次绘制（INP）。指标表现差的网站更难取得好排名。指标表现优异的网站则获得排名优势。对现代 SEO 而言，通过核心网页指标没有商量余地。

其影响非常深远。您再也无法忽视性能。您不可能建一个慢吞吞的网站，还指望有好排名。Google 已经明确表示用户体验很重要，而核心网页指标把用户体验量化了。优化核心网页指标不再是可选项，而是争夺搜索可见度的必答题。

什么是核心网页指标，以及它们为何重要

核心网页指标衡量用户体验的三个维度：加载速度（LCP）、视觉稳定性（CLS）和响应性（INP）。Google 的 Web Vitals 页面详细定义了每一项指标。这三项指标代表了用户体验您网站时最重要的方面。

Google 从真实用户那里收集了数以万亿计的数据点，来判定哪些指标最要紧。结果就是核心网页指标。它们不是随意设定的阈值，而是基于证据的衡量标准，反映什么样的网站会让真实用户觉得快速而灵敏。

Google 的官方公告解释了核心网页指标如何影响搜索排名。Google 把核心网页指标视为若干排名因素之一。内容质量与相关性依然更重要，但两个相关性相近的网站，会按照核心网页指标的表现来分先后。

最大内容绘制（LCP）：衡量加载速度

最大内容绘制（LCP）衡量页面上最大的内容元素需要多久才能被用户看到。它可能是一张图片、一段视频、一个标题或一段文本块。LCP 衡量的是用户能看到主体内容、感觉页面已经加载完成的那一刻。

Google 的建议：LCP 应低于 2.5 秒。LCP 低于 2.5 秒的页面被视为“良好”。LCP 在 2.5 到 4 秒之间的页面属于“需要改进”。LCP 超过 4 秒的页面属于“较差”。当 LCP 超过 3 秒时，用户会觉得页面很慢。当 LCP 超过 4 秒时，用户常常直接离开页面。

LCP 偏慢的常见原因：服务器响应时间慢、阻塞渲染的 CSS 和 JavaScript、未经优化的图片，以及加载耗时的大字体。修复 LCP 的办法是：提升服务器速度（缩短首字节时间 TTFB）、移除阻塞渲染的资源、延迟加载 JavaScript、优化并压缩图片、使用现代图片格式（WebP），以及预加载关键资源。

PageSpeed Insights 会显示您的 LCP 分数并给出具体建议。在您的关键页面上跑一次测试，按影响大小给建议排序，先落实影响最大的修复。

累积布局偏移（CLS）：衡量视觉稳定性

累积布局偏移（CLS）衡量页面加载过程中页面元素的意外移动。当您正在读一篇文章，文字突然因为上方加载出一条广告而往下跳，那就是布局偏移。CLS 量化了页面布局在加载期间偏移了多少。

Google 的建议：CLS 应低于 0.1。CLS 分数低于 0.1 属于“良好”。0.1 到 0.25 之间需要改进。高于 0.25 属于“较差”。即使是很小的布局偏移也会累积起来。CLS 为 0.15 意味着页面元素在加载期间总共偏移了视口高度的 15%。用户会觉得这很烦人，并因此感到沮丧。

CLS 偏高的常见原因：异步加载的广告、没有指定宽高属性的图片、异步加载的嵌入内容（YouTube 视频、社交媒体挂件），以及突然切换的字体。修复 CLS 的办法是：在 HTML 中指定图片尺寸（width 和 height 属性）、在广告加载前为它预留空间、在 @font-face 的 CSS 中使用 font-display: swap 以避免字体切换造成的跳动，以及同步加载视频和嵌入内容，或为它们预留空间。

您站点上的每一张图片都应当有明确的 width 和 height 属性。这会告诉浏览器在图片加载前预留空间。没有尺寸，浏览器就不知道该留出多少空间，图片到达时就会引发布局偏移。

交互到下一次绘制（INP）：衡量响应性

交互到下一次绘制（INP）衡量您的页面对用户交互（点击、轻触、键盘输入）的响应有多灵敏。INP 是用户与页面交互，到页面在视觉上作出响应之间的时间。响应灵敏的页面在毫秒级作出反应。响应迟钝的页面则要花上几秒。

Google 的建议：INP 应低于 200 毫秒。低于 200 毫秒属于“良好”。200 到 500 毫秒之间需要改进。高于 500 毫秒属于“较差”。用户期待即时响应。500 毫秒的 INP 让人觉得拖沓。1 秒的 INP 会让人觉得坏掉了。

INP 表现差的常见原因：阻塞主线程的繁重 JavaScript、体积庞大的第三方脚本、低效的事件处理函数，以及没有使用空闲回调请求。修复 INP 的办法是：把长时间运行的 JavaScript 任务拆成更小的块、延迟加载非关键 JavaScript、移除未使用的脚本、优化事件监听器，以及对计算密集型任务使用 Web Worker。

INP 往往是核心网页指标中最难优化的一项，因为它需要 JavaScript 方面的专业能力。如果您的团队缺乏 JavaScript 优化技能，可以考虑聘请性能顾问，或使用第三方性能优化服务。

核心网页指标如何被测量

核心网页指标有两种测量方式：实验室数据和实地数据。实验室数据来自 PageSpeed Insights 和 Lighthouse 这类在受控环境中运行的工具。实地数据来自真实访问您网站的用户。Google 更看重实地数据，因为它代表真实的用户体验。

Google 的性能学习路径解释了实验室指标与实地指标的区别。实验室数据帮助您发现问题并验证修复。实地数据展示真实世界中的表现。如果您的真实用户使用的是慢速网络或老旧设备，您可能实验室分数很好，实地分数却很差。

Google Search Console 会报告核心网页指标的实地数据。该报告展示的是从 Chrome 用户体验报告（CrUX）汇总而来的真实用户测量值。如果您的站点缺乏足够的真实用户数据，Google 会改为提供来自 Lighthouse 的实验室数据。

基准与通过分数

Google 把“良好”的核心网页指标定义为达到用户体验的第 75 百分位。这意味着 75% 的真实用户体验到的表现达到或优于该阈值。这些阈值是：

LCP：2.5 秒或更短。CLS：0.1 或更低。INP：200 毫秒或更短。这些阈值经过对数以万亿计的真实用户交互的分析，得到了科学验证。达到或优于这些阈值的页面能提供良好的用户体验。

不过，Google 并不要求您 100% 的页面都通过核心网页指标。如果您有 75% 的页面通过，整体上您的站点就会被认为拥有“良好”的核心网页指标。这意味着，只要您大部分承接流量的页面够快，您可以有一些较慢的页面，依然算通过。

逐项优化：实操步骤

LCP 优化：首先，用 PageSpeed Insights 测量您的 TTFB（首字节时间）。如果 TTFB 慢（超过 600 毫秒），瓶颈就在服务器。升级主机、优化后端代码，或使用内容分发网络（CDN）。如果 TTFB 不错但 LCP 仍慢，那就是您的 CSS 或 JavaScript 在阻塞渲染。请延迟加载非关键 JavaScript，并把首屏内容的关键 CSS 内联。

CLS 优化：审查您的站点，找出在加载期间会移动的元素。用浏览器开发者工具定位发生偏移的元素。给每一张图片加上 width 和 height 属性。在 CSS 中使用 font-display: swap。为广告、嵌入内容和动态内容预留空间。

INP 优化：用 Chrome 开发者工具的性能面板找出长时间运行的 JavaScript 任务（耗时超过 50 毫秒的任务）。拆分长任务。延迟加载非关键 JavaScript。对低优先级工作使用 requestIdleCallback。在真机上测试，而不只是在台式电脑上。

长期监测核心网页指标

用 Google Search Console 监测核心网页指标的表现。核心网页指标报告展示您站点的真实用户指标，以及它们与 Google 阈值的对比。页面会被归类为良好、需要改进或较差。

设置监测告警。如果您的核心网页指标下滑，您需要立刻排查。可能的原因包括：引入低效代码的新版本发布、新增的第三方脚本、图片或媒体的改动，或主机方面的问题。

分别监测移动端与桌面端。移动设备通常处理器更慢、网络更差，因此核心网页指标在移动端往往比桌面端更差。对于移动流量占比较高的站点，请优先做移动端优化。

核心网页指标与 SEO 策略

核心网页指标如今已是核心排名因素，其重要性可与反向链接和内容质量相提并论。核心网页指标表现差的网站很难取得好排名，无论内容有多好。这意味着性能优化必须成为您 SEO 策略的一部分，而不是事后补救。

如果您正在争夺排名，而竞争对手的核心网页指标更好，他们就拥有排名优势。如果您的站点又慢又迟钝，光靠内容是赢不了的。您必须追平或超越竞争对手的性能表现，才能站在同一起跑线上竞争。

结论

核心网页指标如今是 SEO 成功的必备条件。优化 LCP、CLS 和 INP 会直接改善您的搜索排名和用户体验。核心网页指标优异的网站，会压过相关性相近但指标较差的网站。这一点绕不过去：想要顶尖排名，就必须通过核心网页指标。

先在您的关键页面上运行 PageSpeed Insights。找出您最大的瓶颈并优先修复。优先做移动端优化。在 Google Search Console 中定期监测表现。使用我们的 GEO SEO 审计，在整个站点范围内发现核心网页指标问题，并长期跟踪改进情况。