提高页面速度和掌握 Core Web Vitals 的四种方法

已发表: 2021-08-20

谷歌刚刚更新了它的搜索算法，使其成为利用这些核心 Web Vitals 技巧提升网站页面排名的绝佳机会。

谷歌对其搜索算法的最新重大更新通过一组新的排名因素指标（称为 Core Web Vitals）极大地关注用户体验。 Core Web Vital 审计的早期结果表明，平均网站的表现低于这些新标准。 Searchmetrics 的研究表明，平均而言，网站可以通过删除未使用的 JavaScript 将页面加载时间减少近一秒。

这提供了一个绝佳的机会，可以通过提高您自己的页面排名来超越其他网站。

以下是您需要了解的有关 Core Web Vitals 的所有信息，以及改进指标的四个简单步骤。

与 Searchmetrics 合作创建的内容。

什么是 Core Web Vitals 指标？

Core Web Vitals 是 Google 页面体验信号的扩展，包括移动友好性和 HTTPs。 三个 Core Web Vitals 指标衡量加载性能、交互性和视觉稳定性，谷歌认为这些指标提供了对真实世界用户体验的准确描述。

  1. 最大内容绘制 (LCP) 测量用户视点内可见的最大图像或文本块的加载时间。
  2. 首次输入延迟 (FID) 通过计算从用户首次与网站交互到浏览器响应该交互的时间来衡量页面上的交互性。
  3. Cumulative Layout Shift (CLS) 是指在页面渲染过程中内容的偏移量。

如何检查您的页面速度见解

有许多在线工具可以检查您的网页排名得分，包括 PageSpeed Insights、Chrome 用户体验报告、Lighthouse Audit 和 Search Console。 这些网站测量各种元素的页面速度，并使用交通灯系统显示结果。 PageSpeed Insights 提供结果细分并突出显示改进领域。

“好”的表现在数字上意味着什么？

提供一个 良好的用户体验，LCP 应在页面首次开始加载后的 2.5 秒内发生。 页面应具有小于 100 毫秒的 FID 并保持小于 0.1 的 CLS。

像维基百科这样的网站，由于采用了轻量级的网页设计方法，主要使用文本和 优化的图像。 严重依赖视频内容和图像的网站加载速度较慢，用户体验不佳。 因此，需要在设计和用户体验之间取得平衡。

查看您的网站排名。 访问 PageSpeed 见解 并输入您的网址。 注意：最高的数字是您的 Lighthouse 分数，也称为 PageSpeed 分数，从 0 到 100 分。虽然它是您网站性能的一个很好的通用基准。 它与三个 Core Web Vitals 指标并不完全相关，应该将其视为对 LCP、FID 和 CLS 的分析。

如何提高页面速度

通过被认为在所有三个方面都获得了“好”的分数。 进行小的更改可以将页面速度分数提高一秒钟，这可以将站点从 LCP 中的“差”或“需要改进”分数转变为“好”分数。 减少加载时间将使用户更快乐并增加网站的访问量。

Searchmetrics 的创意营销专家 Tom Wells 说，

“网站上不需要的任何东西都不应该存在。”

简而言之，识别和删除未使用或具有实质性目的的元素可以提高网站的页面速度得分。

1. 超大图片

优化不佳的图像是影响站点 LCP 分数的主要原因之一，因为这通常是要加载的最大元素。 由于多张高分辨率图像的页面渲染，电子商务企业和严重依赖图像的企业的 LCP 分数可能较低。

通过使用响应式设计或下一代图像格式（如 WebP、JPEG 2000 和 JPEG XR）来优化这些资产，可以通过缩短渲染时间来提高分数。 通常，可以在不影响图像质量的情况下将图像压缩到更小的尺寸。 像 Squoosh 这样的免费资源可以为您做到这一点。

2.动态内容和广告

在网页上加载广告是导致 CLS 分数不佳的主要原因之一。 这可以归结为页面上的元素发生变化以适应动态广告，从而导致用户体验不佳。

使用智能实现方法（例如为所有广告、视频和图像元素分配尺寸属性或 CSS 纵横比框）是减少内容转移的一种方法。 一些公司可能会在网站顶部使用插件或编码来放置广告。 但是，这可能会导致网站速度变慢，从而对用户体验产生负面影响，并间接影响排名。

此外，切勿在现有内容之上插入内容，除非响应特定的用户交互，因为这样可以确保发生任何布局转换。 例如，当您单击 CTA 按钮并出现表单时是一个例外。

3. 以插件为中心的网络经济

Wells 说，插件可以像“抹灰”一样解决网站问题。 尽管创建了临时修复程序，但它可能会减慢并阻碍 Web 性能，因为在用户能够与网页完全交互之前需要加载所有代码。

使用插件可以增加服务器请求计数并增加 javascript 执行时间。 所有这些因素都会降低网站的 FID 分数。

“我们经常寻找高级修复和解决方案，但有时它就像删除不需要的东西一样简单，”Wells 说。

因此，删除一些插件，尤其是未使用的插件，可以提高网站的反应性和速度。

4. 代码过多

谷歌建议关注整体网站性能。

“对于响应迅速且评分良好的网站而言，尽可能轻量级至关重要，”Wells 说。

“服务器必须加载的东西越多，加载时间总体上就越慢。”

虽然未使用的 CSS 和 JavaScript 可能不会直接影响页面速度得分，但它仍会影响网站的加载时间、造成代码膨胀并对用户体验产生负面影响。

我应该什么时候开始？

Google 于 6 月中旬开始推出新算法，因此值得开始查看您的网站在页面速度测试中的得分情况。 排名良好的网站往往具有更高的 Core Web Vitals 分数，并且随着 Google 更加重视用户体验，这一趋势将持续下去。
___
通过Aoife 摩根
来源：搜索引擎观察