核心网站指标：如何衡量和改进网站的用户体验

了解如何利用核心网页指标提升用户体验和搜索引擎优化，以及优化加载速度、交互性和视觉稳定性的技巧和工具。

核心网页指标是谷歌用来评估网页用户体验的一系列指标。谷歌会将您网站的指标与自身的基准以及其他竞争相同关键词排名的网站进行比较。

Core Web Vitals 于 2020 年推出，主要关注用户体验的三个方面：

• 加载性能。
• 互动性。
• 视觉稳定性。

这些关键指标旨在衡量用户对页面的实际体验，而不是仅仅关注可能不会直接影响用户的技术方面。

核心网站指标之所以重要，主要有两个原因：

• 用户体验：核心网页指标有助于确保网站为访客提供良好的体验。当网站加载速度快、对用户输入响应迅速且元素位置稳定时，用户更有可能停留在网站上并与其内容互动。
• SEO 效果：谷歌使用核心网站指标作为搜索结果排名因素之一。这意味着核心网站指标得分高的网站更有可能在搜索引擎结果页面 (SERP) 中获得更高的排名。虽然内容相关性和质量仍然是*重要的因素，但核心网站指标可以让您的网站在与内容相似但用户体验较差的竞争对手相比时更具优势。

核心网页指标是提升网络用户体验的整体努力的一部分。它们与其他页面体验指标（例如移动设备友好性、安全浏览、HTTPS 安全性和侵入式插页广告指南）协同工作。要评估您网站在所有这些指标上的表现，请使用我们的SEO 检测工具来发现优化机会。

了解核心网站关键指标

Core Web Vitals 是 Google 和独立用户体验专家经过多年研究和真实世界数据分析的成果，他们试图找到衡量决定网站用户体验的*重要因素的方法。

这些指标为网站管理员和开发人员提供了清晰、可操作的指导。通过关注用户体验的核心要素——加载速度、交互性和视觉稳定性——您可以优化网站，使用户能够轻松找到所需信息。

让我们来分析一下这些指标。

*大内容绘制（LCP）

*大内容绘制（LCP）衡量页面主要内容的加载速度。它是指视口内可见的*大元素（例如图像或文本块）显示所需的时间。

LCP（*后响应时间）直接影响用户感知页面加载速度的快慢。理想的LCP值应为2.5秒或更短。

例如，如果正在加载新闻文章，LCP 可能是特色图片或主标题。这些元素出现得越快，用户体验就越好。

交互到下*绘制时间（INP）

交互到下次绘制时间 ( INP ) 是*新的 Core Web Vitals 指标。INP取代了 FID（首次输入延迟），成为衡量响应速度的指标。INP 会考虑页面整个生命周期中的所有交互。

INP（帧间延迟）衡量的是从用户与页面交互到下一帧画面在屏幕上“绘制”出来所需的时间。理想的 INP 值应为 200 毫秒或更低。

INP 能更全面地展现页面的响应速度。它衡量的是每次点击或输入时网站的响应速度，而不仅仅是*次点击或输入时的速度。

累积布局偏移 (CLS)

累积布局偏移（CLS）衡量页面的视觉稳定性。它量化了页面在其整个生命周期内发生的意外布局偏移量。

页面布局稳定性 (CLS) 非常重要，因为页面内容的任何意外移动都可能令人烦恼，并可能导致用户点击时出错。理想的 CLS 值应为 0.1 或更低。

想象一下，你正在阅读一篇文章，突然一个横幅广告出现在文本上方，把所有内容都挤到了下面。这就是布局偏移。CLS 会衡量这种偏移的程度和频率。您的客户会在各个渠道搜索。确保您的品牌能够出现。

如何衡量核心网站指标：工具和技巧

衡量核心网站指标对于了解网站的用户体验至关重要。幸运的是，有一些工具可以帮助您评估和提升这些指标。

以下是一些*有用的工具以及数据解读方法：

Google PageSpeed Insights

PageSpeed Insights是*免费工具，它可以分析您输入的页面内容，并提供提升页面加载速度的建议。使用该工具：

• 访问 PageSpeed Insights 网站。
• 请输入要分析的页面网址。
• 点击“分析”按钮。

该工具提供实验室数据（在受控环境下收集）和现场数据（来自真实用户）。它会提供每个指标的性能概况和评分，例如新英格兰爱国者队主页的示例：

如您所见，LCP 和 FCP 都被标记为有问题，并记录了确切的测量值，以便您了解问题的严重程度。

继续向下滚动，您还会看到一些改进建议以及预计可节省的时间。您可以按 FCP、LCP、TBT（总阻塞时间）和 CLS 相关的建议进行筛选。

在这个例子中，主线程工作和 JavaScript 执行时间是造成延迟的*大因素。下一步需要与开发人员深入探讨，寻找网站调整方案。

Google 搜索控制台

Search Console 是另*免费工具，可提供关于您网站在 Google 搜索结果中表现的宝贵见解。它还包含一份专门的“核心网站指标”报告。访问方式如下：

• 登录您的 Google Search Console 帐户。
• 在属性下拉菜单中选择要分析的站点。
• 点击左侧菜单“体验”部分下的“核心网页指标”。

该报告向您展示您的网页在核心网页指标上的表现，分为三个类别：差、需要改进和良好。 

您将看到网站移动版和桌面版的数据，如下例所示：

该报告很有用，因为它使用了来自真实用户的真实数据，可以让你真实地了解你的网站表现如何。

点击进入移动端或桌面端报告，即可查看有多少 URL 在核心 Web 指标方面表现不佳、需要改进或表现良好。

您还可以找到导致负面评分的页面问题列表。

灯塔

Lighthouse是*开源的自动化工具，用于提升网页质量。它已集成到Chrome 开发者工具中，方便开发者使用。要运行 Lighthouse 审核：

• 打开 Chrome 浏览器并导航到您要审核的页面。
• 右键单击页面，选择“检查”以打开 Chrome 开发者工具。
• 页面右侧将出现一个窗口。点击“灯塔”选项卡。
• 选择要审核的类别（务必包含“性能”，其中涵盖核心 Web 指标）。
• 点击“分析页面加载”按钮。

Lighthouse 提供有关每个核心 Web 指标和其他性能指标的详细信息，以及具体的改进建议。

这就是新英格兰爱国者队主页的样子。

你会注意到，虽然它的性能指标是 PageSpeed Insights 输出的精简版，但输出结果看起来很相似。

这两个工具都使用相同的性能分析引擎，即 Lighthouse。

GTmetrix

任何评估都需要第二个意见，所以多听听别人的意见总是很有帮助的。这就是为什么在网站性能工具包中加入第二个工具很有用的原因。

GTmetrix 是*免费工具，它整合了 Lighthouse 数据和 Core Web Vitals，并结合了他们自身指标的附加评分数据。

值得注意的是，网站应该针对*佳用户体验进行优化，如果我们只使用谷歌的工具和指标，可能会忽略这一点。

GTmetrix 提供易于理解和报告进度的实用汇总分数，尤其适合向非技术团队报告，他们只想了解进展情况，而无需查看详细信息：

• 评分：一个简单的字母等级，*性反映您网站的整体性能。
• 性能：以百分比分数显示您的网站在页面加载的每个阶段的效率。
• 结构：根据影响页面加载和外观的结构元素对网站性能进行评分。

核心网站指标优先级信息也在此处提供。让我们深入分析这些数据。

解读核心网络关键数据

查看数据时，请重点关注以下关键指标：

• LCP：这应该是 2.5 秒或更短。
• INP：该值应为 200 毫秒或更短。
• CLS：该值应为 0.1 或更小。

如果网页在所有三项指标上都达到推荐目标值，Google 则认为该网页通过了核心网页指标 (Core Web Vitals) 测试。解读数据时：

• 寻找规律：某些类型的页面表现是否比其他类型的页面差？
• 优先考虑移动设备：谷歌采用移动优先索引，考虑到超过 60% 的网站流量来自移动设备，这是有道理的。
• 关注真实世界的数据：虽然实验室数据很有用，但来自真实用户的现场数据才是你的主要关注点。
• 不要担心获得满分：争取“良好”的分数，但请记住，用户体验不仅仅取决于这些指标。

优化核心网站指标：*佳实践

提升网站的核心网络指标并优化页面加载速度 可以增强用户体验并提高搜索引擎排名。

以下是一些提升核心网站指标的*佳实践：

改进LCP

LCP（*终用户路径）衡量页面主要内容的加载速度。更快的加载速度意味着用户可以更快地看到内容并与之互动。您可以通过以下方式提高 LCP 分数：

• 图片优化：大尺寸图片通常会减慢页面加载速度。请压缩图片，使用 WebP 等现代格式，并考虑对首屏下方的图片进行延迟加载。
• 使用高效缓存：缓存会存储网站文件的副本，从而减少回头客加载内容所需的时间。设置浏览器缓存，并考虑使用内容分发网络 (CDN)，例如 Akamai、Google CloudFront 或 Cloudflare，以便从距离网站访问者更近的服务器提供缓存内容。
• 缩短服务器响应时间：服务器速度慢会延迟整个页面的加载。根据服务器访问日志信息优化服务器，切换到速度更快的托管服务商，并尽量减少使用速度慢的插件或脚本。

增强 INP

INP 指标衡量用户访问期间的整体响应速度。想让用户感觉您的网站响应迅速吗？试试以下方法来提升INP 得分：

• 减少 JavaScript 执行时间：将耗时较长的任务拆分成较小的任务，延迟执行非关键 JavaScript，并删除未使用的代码。
• 尽量减少主线程的工作：主线程承担了浏览器的大部分工作。优化你的 CSS，使用Web Worker 脚本高效地处理复杂任务，并避免使用繁重的动画。
• 优先加载关键内容：首先加载*重要的内容，以便用户即使在其他元素仍在加载时也能与您的网站进行交互。

修复 CLS

CLS（页面加载稳定性）衡量页面加载过程中内容意外移动的程度。稳定的页面能提供更好的用户体验。以下是一些提高 CLS 分数的策略：

• 设置媒体尺寸属性：指定图片和视频的宽度和高度。这有助于浏览器在媒体加载前分配合适的空间。
• 避免在现有内容上方插入新内容：除非是响应用户操作，否则不要在已加载的内容上方添加新元素。这一点尤其适用于广告和横幅广告。
• 使用 CSS 实现动画：与其直接修改触发布局变化的属性，不如使用 CSS 来变换动画效果。这有助于保持视觉稳定性。

改进核心网站指标时应避免的常见错误

在优化核心网络指标时，很容易陷入一些常见的陷阱。以下列举五个常见的陷阱，务必避免：

1. 过分关注单一指标

人们很容易将所有精力都集中在提升某一项指标上，尤其是在该指标表现不佳的情况下。但这种做法可能会适得其反。

核心网站指标协同工作，全面展现您网站的用户体验。如果在改进某个方面时忽略了其他方面，可能无法达到您预期的整体改进效果。

例如，你可能会专注于通过压缩每页上尽可能多的图片来提高 LCP 速度。但这可能会无意中导致布局偏移，从而降低 CLS 得分。

2. 忽视移动性能

谷歌采用移动优先索引来评估网站排名，因此优先考虑网站的移动体验至关重要。不要只关注桌面端的性能。

移动设备的处理能力通常比台式机弱，而且网络速度可能较慢，因此性能优化就显得更加重要。

3. 忽略累积影响

有时，一些看似微不足道的小变化，加起来却会对您的核心网站指标产生重大影响。

例如，添加多个第三方脚本——每个脚本只会略微降低网站速度——但加起来却会对您的 INP 评分产生负面影响。请考虑网站所有更改的累积效益，而不仅仅是孤立地看待单个元素。

4. 忽视真实用户数据

虽然像 Lighthouse 这样的工具能够提供宝贵的洞察，但它们模拟的是网站性能。而通过Chrome 用户体验报告(CrUX) 等工具获取的真实用户数据，则能更准确地反映访客实际访问您网站的体验。

不要仅仅依赖实验室数据。在优化核心网络指标时，也要考虑来自真实用户的现场数据。

5. 未定期监控绩效

提升网站核心指标并非一劳永逸。随着布局和内容的变化，网站性能会随着时间的推移而下降。

定期监控您的核心网站指标（例如使用Semrush 的网站审核工具），以便及早发现并解决问题。

真实案例：Core Web Vitals 优化前后的对比

以下是两个优化核心网页指标后网站性能得到提升的案例。这些案例研究表明，关注这些指标可以改善用户体验并提升搜索引擎排名。

Swappie：提升移动端收入

Swappie是一家销售翻新手机的公司，他们发现其移动网站的性能不如桌面网站。为了解决这个问题，Swappie专注于提升其核心网站指标。

优化前：

• 移动端收入落后于桌面端收入。
• 核心网络指标得分很低，尤其是在移动设备上。

优化后：

• LCP提高了55%。
• CLS 提高了 91%。
• 移动端收入增长了42%。

这些改进提升了移动端收入。更佳的网站性能可以直接影响*终收益。

沃达丰：加快充值速度，提升销量

沃达丰是一家大型电信公司，通过专注于核心网站指标来提升其网站性能。他们尤其关注了LCP指标。

优化前：

• LCP 速度很慢，导致用户需要等待更长时间才能加载页面。
• 这导致用户体验不佳，并可能造成销售损失。

优化后：

• LCP提高了31%。
• 销售额增长了8%。
• 更多用户在网站上停留并完成了购买。

沃达丰通过加快网站加载速度，改善了用户体验，并提高了销售额。

使用 Semrush 跟踪和优化核心网站指标

为了更好地掌控网站的用户体验，您可以使用Semrush 网站审核工具来监控核心网站指标，并获得可操作的建议。

该工具还会对您的网站进行全面的技术评估，指出您可以解决的问题，以确保所有页面运行良好。

设置好网站审核并自定义设置（包括将审核设置为定期审核以及在审核完成后接收提醒）后，您将看到如下所示的概览：

点击“核心网站指标”框中的“查看详情”按钮，即可查看分数和历史表现。

在“指标”下，您将看到 LCP 和 CLS 分数以及相应的改进建议。

你可以使用 TBT 来评估 INP。

点击“热门改进”下的问题，即可获取有关该问题及其解决方法的更多信息。

点击建议改进项旁边的数字，即可显示存在该问题的页面列表。

准备好提升您的核心网络指标了吗？

不要因为忽视核心网站指标而限制了您的排名机会。一些简单的网站优化就能帮助您提高现有营销工作的投资回报率。

继续阅读，了解如何找到提升网站用户体验的“*佳”机会，让谷歌注意到，或者使用Semrush 的网站审核工具，更全面地了解您的网站表现。