核心网页指标：它们是什么，还有如何改进

什么是核心网页指标？

Google 的核心网页指标（Core Web Vitals）是一组指标，从加载速度、视觉稳定性和交互性等方面衡量一个网站对用户是否友好。

Google 核心网页指标包括：

• Largest Contentful Paint（LCP，最大内容绘制）：衡量页面上最大的内容元素加载完成所需的时间
• Cumulative Layout Shift（CLS，累积布局偏移）：衡量页面加载过程中布局意外移动的程度，例如图片或按钮发生位移。
• Interaction to Next Paint（INP，与下次绘制交互）：衡量从用户发起任意交互到下一次视觉更新显示出来所需的时间

页面在这些指标上的表现越好，提供的体验就越佳。

本文将说明核心网页指标与 SEO 的关系、每项指标的推荐阈值，还有如何检查网站表现。

随后说明如何提升得分。

为什么核心网页指标很重要？

出色的核心网页指标表现能确保良好的用户体验——流畅、快速、稳定，同时也能提升 SEO。

在运行良好、能快速响应请求的网站上，人们更愿意停留（并可能转化为客户）。这就是为什么加载更快的网站往往跳出率更低。

Google 也会在排名因素中考虑核心网页指标。

因此优化这些指标能提升网站在搜索排名中的表现，并带来更多流量

核心网页指标各项指标的推荐阈值是多少？

我们来看看 Google 为每项指标推荐的阈值：

最大内容绘制（LCP）

LCP 反映了用户能多快看到你页面的内容，以秒为计量单位。

良好的 LCP 为 2.5 秒或更短。这意味着当有人进入页面时，主图、视频或大段文字几乎能立即加载出来。

LCP 介于 2.6 秒到 4 秒之间，意味着你网站的速度需要改进。

而超过 4 秒的 LCP 属于较差水平，因为它会让访客感到沮丧，进而更可能离开你的网站。

延伸阅读：Largest Contentful Paint (LCP)：它是什么与如何改进

累积布局偏移（CLS）

CLS 揭示了页面加载过程中页面元素意外移动的程度。该指标以分数表示。

良好的 CLS 得分为 0.1 或更低，意味着你的页面布局极为稳定，用户可以毫无干扰地查看你的内容。

CLS 得分介于 0.1 到 0.25 之间，意味着你网站的视觉稳定性需要改进——偏移程度已经足以被用户察觉。

较差的 CLS 得分超过 0.25，意味着你的页面元素会大幅移动。用户可能看到文字或按钮突然大跳位，这会干扰他们的体验。

延伸阅读：什么是 CLS？如何（与为何）测量它

与下次绘制交互（INP）

INP 是最新的核心网页指标，于 2024 年 3 月 12 日取代了首次输入延迟（FID）。它反映页面响应交互的速度，以毫秒为计量单位。

INP 评估的是网页在用户交互的整个过程中响应有多快。

FID 则只衡量用户与网站上任意元素第一次交互的响应时间。

举例来说，如果用户在一个页面上放大地图、点击按钮，还展开了一个手风琴组件，那么 INP 会考虑所有这些交互从发起到视觉变化出现的耗时，并以耗时最长的那一次为准，进而更准确地反映页面整体的响应性。

良好的 INP 为 200 毫秒或更短。

INP 介于 200 到 500 毫秒之间，意味着你网站的交互性需要改进。

INP 超过 500 毫秒，说明用户获得了较差的交互体验，意味着对用户操作的响应存在明显的卡顿和延迟。

如何检查你网站的核心网页指标表现

以下介绍用四种工具运行核心网页指标测试的方法：

1. Semrush 网站审计

Semrush 网站审计工具会对你的网站进行全面技术体检，并突出显示可能影响网站健康状况的问题。

要测量你的核心网页指标表现，打开网站审计，在搜索栏中输入你的域名，然后点击“开始审计”。

接下来，系统会要求你自定义审计设置。

例如，点击“爬虫设置”区域，选择该工具应分析你网站的移动端还是桌面端版本。

完成后，点击“开始网站审计”。

审计完成后会出现“概览”报告，如下所示。

在“主题报告”下方，你会找到“核心网页指标”板块。点击“查看详情”即可进行全面查看。

结果会显示各页面的状态与历史表现数据。

向下滚动到“指标”板块，查看你的 LCP 和 CLS 得分，还有一系列改进建议。

结果中还有一个名为“总阻塞时间”（Total Blocking Time，TBT）的指标，可用于评估 INP。

点击“主要改进项”各列下的某个问题，可进一步了解如何解决它。选择对应“受影响页面”列下的数字，可查看存在该问题的完整页面列表。

2. Chrome 用户体验报告

Chrome 用户体验报告（CrUX）是一个公开数据集，让你了解真实 Chrome 用户如何与网站互动。

使用 CrUX 最简单的方式，是通过面向 Looker Studio 的 CrUX Dashboard 来访问。

打开该工具后，在搜索栏中输入你想分析的网站 URL，然后点击“Go”。

结果会显示核心网页指标，也可按需查看其他数据。

在仪表盘上，你将看到每项核心网页指标下页面表现的汇总——同时涵盖移动端和桌面端用户。

以 LCP 汇总为例：

你可以看到，85.51% 的桌面端体验被评为良好，63.1% 的移动端体验被评为良好。

如需更细致的分析，可从左侧菜单选择想查看指标对应的单项报告。

例如查看“Largest Contentful Paint”报告。

在这里，你会看到你网站 LCP 按月份的详细分解数据。

这有助于你了解该指标随时间的变化，进而定位出具体的改善期或下降期。

请注意，这些数据代表你在所有设备上的表现。你可以点击右上角的“设备”筛选器并选择设备类型，只查看移动端或桌面端的得分。

3. Google PageSpeed Insights

Google PageSpeed Insights（PSI）是一款免费工具，用于评估单个网页在移动端和桌面端的表现。

它还会提供让页面更快、更易用的建议。

要测量页面的核心网页指标表现，打开 PageSpeed Insights，输入你想检查的 URL，然后点击“分析”。

报告生成后，会显示表现在一系列指标上的详细分解。

其中有一个 0 到 100 分的“Performance”（性能）得分，它基于以下指标：

• First Contentful Paint（首次内容绘制）
• Speed Index（速度指数）
• Largest Contentful Paint（最大内容绘制）
• Total Blocking Time（总阻塞时间）
• Cumulative Layout Shift（累积布局偏移）

你的核心网页指标结果将如下所示：

向下滚动到“Diagnostics”（诊断）板块，可看到一份改进网站表现的清单。

PSI 还会就你网站的无障碍性、SEO 表现与对最佳实践的遵循情况提供见解。只需向下滚动即可查看这些结果。

4. Google Search Console 中的核心网页指标报告

Google Search Console（GSC）中的“核心网页指标”报告使用真实数据，准确反映用户是如何体验你的网站的。

GSC 还会把你网站上存在类似问题的页面归为一组，让你更容易发现并解决网站中的常见问题。

要使用此报告，登录 GSC，然后在菜单中选择“核心网页指标”。

在这里，你将看到一个高层概览，了解 Google 将多少个 URL 判定为“较差”“需要改进”和“良好”。

该报告同时提供移动端和桌面端数据。

如需更详细地分解你网站的表现，请点击任一图表中的“打开报告”。

打开报告后会看到一个条形图，显示有多少页面未达到核心网页指标的阈值。

要查看存在哪些问题与每个问题影响多少页面，请向下滚动到“为何网址被视为不佳”面板。

点击某个问题即可查看更多详情。

请记住，核心网页指标报告并非用来帮你判断某个具体页面的状态，而是让你评估整个网站的健康状况。

如何改进你的核心网页指标表现

改进核心网页指标得分不必让人望而生畏。

我们来看看你可以自行完成、或在开发者协助下完成的几个步骤。

改进 LCP

提升 LCP 既可以通过小的调整，也可以通过大的改动来实现。

最简单的方法是优化图片：压缩图片，并使用 WebP 等适合网页的图片格式——它们的体积比传统格式最多可小 34%。

还可启用页面缓存，让页面在首次加载后存储在服务器上，进而在后续访问时更快调取。

改进 LCP 得分的另一种方式是升级你的网站主机。

共享主机（多个网站托管在同一台服务器上）可能更慢，因为大家共享内存和处理能力等资源。因此，当其他网站流量激增时，你的网站就可能变慢。

要解决这个问题，你可以升级到更好的主机方案或不同类型的主机。比如独立主机（你的网站拥有自己的服务器）或云主机（使用多台服务器以提供更可靠的性能）。

改进 CLS

CLS 问题往往出现在没有设定尺寸的图片、横幅或广告等元素在加载时把其他内容挤到下方或一侧时。

改进 CLS 得分最直接的方法，是为图片和视频添加宽度和高度尺寸属性。

这样，浏览器会在页面加载时为图片或视频等元素预留空间，让一切整齐排布，在用户浏览网站时不会发生移动。

或者，你也可以在 CSS 代码中使用宽高比盒子。这种响应式设计做法会为你的内容创建一个容器，使它在所有屏幕上都保持相同的宽高比。

你使用的字体类型也会影响你的 CLS 得分。

最好避免使用网络字体，因为它们需要先下载，浏览器才能显示。应尽量使用大多数设备上都有的系统字体，如 Arial、Helvetica 和 Verdana。

若因品牌或设计原因必须使用网络字体，请限制其数量与出现位置。

例如，你可以只选择一种网络字体，用于标题和特殊板块。

改进 INP

会影响“与下次绘制交互”的主要因素，是网站包含许多大型脚本，或运行了过多 JavaScript 代码。

JavaScript 是一种编程语言，用于实现动态的网站功能，比如

菜单、表单和动画。但大量或复杂的 JavaScript 代码会拖慢网站对用户操作的响应速度。

开发者可通过精简 JavaScript 及其他非必要代码改进 INP。

把浏览器在后台执行、会妨碍用户交互的长任务拆分，也是一个好办法。

把任务拆分成更短的片段后（开发者可通过延迟执行代码等手法实现），浏览器就能更及时地处理用户交互。

你可以使用网站审计工具来识别页面的长任务。

在你的“核心网页指标”报告中，向下滚动到“已分析页面”。点击 TBT 得分较低的某个 URL 旁边的下拉箭头。

向下滚动到报告的 TBT 板块，即可看到拖累该特定页面表现的最长任务列表。

你还可以点击“如何改进”按钮，获取可实施的针对性修复建议。

把这些信息转交给开发者，让其着手改进 INP 表现。

延伸阅读：核心网页指标最常见的问题及如何克服它们

为核心网页指标修复排定优先级的技巧

成功解决任何核心网页指标问题的关键在于排定优先级。这样你就能逐步提升网站表现，而不会感到应接不暇。

在你确定下一步时，可以参考以下建议：

• 考虑实施的难易程度：有时，某个问题可能比另一个更容易解决。例如，优化图片以改进 LCP，可能比调整复杂布局以改进 CLS 更直接。
• 牢记你网站的用途：如果你的网站内容密集，如博客或新闻出版物，那么先改进 LCP 可能影响更大，因为你的用户最看重内容的快速加载。但如果是一个高度依赖用户交互的电商网站，那么先处理 CLS 可能更合理。
• 看数据：如果某些页面明显比其他页面差，你可能想先从这些页面入手。你可以借助网站审计来实现。在“核心网页指标”报告中，向下滚动到“已分析页面”板块，查看状态为“较差”和“待改进”的 URL 列表。

提升你网站的用户体验

网站的核心网页指标表现在很大程度上决定用户如何体验网站。

良好的得分有助于降低跳出率、提升互动，甚至带来更高的转化率，更不用说更好的搜索排名了。

也有不少工具可指明正确方向。

例如我们的免费 SEO 检测工具，其见解远不止核心网页指标数据。