了解核心 Web Vitals 和改进它们的顶级技术

已发表: 2022-05-11

2020 年 5 月，Google 推出了一项新计划 Web Vitals，该计划旨在为质量信号提供指导。 Google 认为这些指标对于在网络上提供出色的用户体验至关重要。

多年来，Google 为我们提供了多种工具（Google Analytics、Search Console 和 PageSpeed Insights 是其中一些流行的工具），随着它们的发展，这些工具通常很难跟上。

但是，您不必成为性能向导，也能了解您的网站提供的用户体验质量。 Web Vitals 旨在简化这一点，帮助我们专注于最重要的指标——Core Web Vitals。

数字营销研究生课程

与普渡大学合作并与 Facebook 共同创建现在注册
数字营销研究生课程

什么是核心网络生命力？

核心 Web Vitals 是适用于所有网页的 Web Vitals 的子集。 每个 Core Web Vitals 都反映了真实世界的体验，并代表了用户体验的不同方面。 Google 建议由所有网站所有者衡量这些指标。

构成 Core Web Vitals 的指标会随着时间的推移而发展，但在撰写本文时，这组指标集中在用户体验的三个主要方面：

  • 正在加载
  • 互动性
  • 视觉稳定性

什么是最大含量涂料 (LCP)？

最大内容绘制（LCP）测量加载性能，这是用户体验的第一个方面。 当您的页面的主要内容可能已完成加载时，它会标记加载时间线中的点。 您的最大内容绘制速度越快，Google 就越能放心，用户会发现该页面很有用。

为了您的网页提供良好的用户体验，LCP 应在页面首次开始加载后的 2.5 秒内发生。

为了强调满足最大内容绘制指南的重要性，当页面加载速度更快时，用户将在网站上花费更多时间。 事实上，用户在加载时间为 2 秒时访问了 8.9 个页面（符合 LCP 的 2.5 秒建议），而在加载时间为 8 秒时仅访问 3.3 个页面。

免费的高级 SEO 认证计划

掌握关键概念和技能并成为 SEO 专家现在注册
免费的高级 SEO 认证计划

什么是首次输入延迟 (FID)？

第一输入延迟或 FID 衡量交互性，这是用户体验的第二个方面。 它量化了用户尝试与无响应页面交互时的体验。

FID 测量从用户第一次与您的页面交互（例如单击链接或点击按钮）到浏览器开始处理事件处理程序以响应用户操作的时间。

为了提供良好的用户体验，页面的首次输入延迟应为 100 毫秒或更短。 低 FID 有助于确保您的页面可用。

什么是累积布局偏移 (CLS)？

累积布局偏移或 CLS 衡量视觉稳定性，这是用户体验的第三个方面。 它有助于量化用户体验意外布局变化的频率。 低 CLS 有助于确保页面不笨重。

为了提供良好的用户体验，页面应保持 0.1 或更少的累积布局偏移。 这是一个分数，而不是像 LCP 和 FID 那样的时间度量。

LCS 分数是通过让浏览器查看视口大小和两个渲染帧之间的视口中不稳定元素的移动来计算的。

如何提高核心网络生命力

优化高质量的用户体验是您网站成功的关键，Google 认为 Core Web Vitals 对所有网络体验都至关重要。 因此，在尽可能多的页面上找出改善用户体验的机会非常重要。

为确保您在网站上达到为用户推荐的目标，衡量 LCP、FID 和 CLS 指标的良好阈值是页面加载的第 75 个百分位。 要认为您的网站符合 Core Web Vitals，请考虑一个页面是否符合这些指标的第 75 个百分位的推荐目标。

这里有一些方法可以改善您的核心 Web Vitals 指标并确保您的网站提供出色的用户体验。

提高页面加载速度

在这一点上，不言而喻，当网页快速加载时，它会带来更好的用户体验。 两到三秒之间是跳出率飙升的转折点。 40% 的消费者会在决定离开您的网站之前等待不超过三秒钟。

使用 PageSpeed Insights 为您输入的任何网页获取分数，并利用该工具的建议来加快您的网页加载速度。 有可能会出现加载时间不符合 Core Web Vitals 指南的情况，此时您可能需要查看视频、图像或其他可能导致加载缓慢的问题。

优化最大内容绘制

作为最大的内容涂料 (LCP) 在 Core Web Vitals 总体得分中占有重要地位，因此针对该指标进行优化是明智的。 由于资源加载时间是 LCP 分数低的常见原因，Google 建议以下几点：

  • 优化和压缩图像
  • 预加载重要资源
  • 压缩文本文件
  • 使用自适应服务
  • 使用服务工作者缓存资产

免费的谷歌分析课程

建立强大的 Google Analytics（分析）基础 现在开始学习
免费的谷歌分析课程

降低跳出率

跳出率说明了用户放弃您网站的速度，您希望该百分比尽可能低。

例如，Google Analytics 会向您显示您网站上任何已访问页面的跳出率。 这可以帮助您识别问题，例如页面是否没有响应或无法在移动设备上正确加载。

高跳出率还可能表明用户没有找到他们需要的内容，这可能向 Google 发出信号，表明该页面与其在搜索结果中出现的查询无关。 高跳出率也可能表明插页式广告、弹出窗口和其他突兀元素带来的不良用户体验。

消除意外的布局变化

当文本或按钮突然移动到页面上的另一个位置时（通常是由于加载问题），这被称为意外的布局偏移。 这可能会让用户感到沮丧，导致他们迷失方向或点击错误的东西。

要避免或消除意外的布局变化，请执行以下操作：

  • 避免在现有内容之上插入内容
  • 确保为上下文和连续性设置动画过渡
  • 包括图像和视频的尺寸属性
您想掌握数字营销的基本学科吗？ 立即查看数字营销专家课程。

想要解锁 SEO 和 Core Web Vitals 的好处？

搜索引擎优化和谷歌的核心网络活力对于任何数字营销策略都是必不可少的。 我们的搜索引擎优化 (SEO) 培训课程将把您转变为全栈 SEO 专业人士，推动您网站最关键的营销渠道的持续增长。 在本课程中，您将掌握 SEO 的许多方面，例如关键字研究、技术 SEO、链接构建、分析等等。

如果您有兴趣成为拥有 SEO 以外技能的全栈数字营销人员，请查看我们的数字营销研究生课程。 在这个与普渡大学合作提供并与 Facebook 共同创建的综合计划中，您将通过实践项目、现场在线指导、普渡大学教师和专家的大师班学习成为一名成功的数字营销专业人士所需知道的一切在 Facebook，哈佛商业出版社的案例研究，等等！