5 种方法开始优化您的商业网站以获取核心网络生命力

已发表: 2022-05-04

Google 已将 Core Web Vitals 的推出时间从 5 月推迟到 6 月中旬，将完整的实时更新推迟到 8 月底。备受期待的新排名信号将与当前搜索信号相结合，创造新的页面体验。这一新的发展对您的业务意味着什么？

如果您一直在努力与您的网页设计团队和 SEO 专家合作以对您的网站进行更改，那么您无需担心。推出的延迟仅意味着您可能处于领先地位。另一方面，如果您还没有开始修改您的网站，那么延迟只意味着您现在有时间满足新的指标集。

什么是核心网络生命力？

Core Web Vitals 将改变 Google 对网站进行排名的方式。它涵盖三个主要指标，即：

因此，新的指标集将侧重于加载时间、交互性和页面稳定性，为您和您的 Web 开发人员需要开展的工作提供蓝图。

这里有五种有效的方法：

加载缓慢的页面可能会让您（潜在客户）付出代价。对于很多网站来说，图像是视图中最大的元素，因此最好对其进行优化。

一种有效的方法是缩放和压缩您网站上的所有图像。一些要使用的图像优化工具是 tinypng 或 ShortPixel 。您还可以将图像转换为更高效的现代格式，例如.png，并确保它们是响应式图像，在移动设备和桌面设备上看起来都很完美。

区分“优化”和“缩小尺寸”。您可以尝试缩小图像的大小，以使它们加载得更快。但请记住，Core Web Vitals 背后的全部意义在于为用户提供更好的体验。您的图像（或视频）可能会加载得更快，但如果它们模糊或质量低下，您的网站访问者可能会觉得它们没有用处。

延迟加载是使您的网站图像更具响应性和加载速度的另一种方法。在此方法中，图像会在用户滚动到页面的该区域时加载。如果它们在首屏，则用户应该查看的所有图像都将首先出现。当他们向下滚动时，页面这些区域中的图像将跟随。

延迟加载不仅可以正确分配带宽，而且对于图像繁重的网站也很有用。

您可以轻松地延迟加载图像的一种方法是通过 HTML。你只需要遵循这个标记：

虽然当您在某些页面上有很多图像时，这个过程可能会很乏味，但延迟加载可以很简单。

Google 通过性能观察器测量 CLS 以检测布局变化。当元素移动或布局移动时，性能观察者会调用一个回调函数，该函数会添加到现有的布局移动分数。

一种可以帮助您查看网站稳定性或调试布局转换的工具是 Chrome DevTools 中的布局转换区域选项。此功能会在移动元素时突出显示它们。它不会告诉你为什么它会发生变化，你必须自己弄清楚。它的作用是向您展示影响转变的元素。

您的图像和视频元素应该带有宽度和高度大小属性。您还可以使用 CSS 纵横比框来保留图像或元素所需的空间。这样，页面可以为文件分配正确的空间，而无需在文件加载时移动页面上的所有元素。

布局移位仅在用户可见时才计算在内。因此，如果页面下方发生了移动，但用户尚未向下滚动到该区域，则它不会计入 CLS。

许多布局变化是糟糕的用户体验模式的结果。其中一个示例是网站中的弹出窗口或页面顶部弹出的横幅以发布公告。当这些元素这样做时，它们往往会将页面上的其他所有内容向下推。

确保为动态内容保留足够的空间。这些是随后会弹出的内容，例如促销或广告。一个提示是避免在现有内容之上插入新内容，特别是如果您没有跟进调整整个页面的内容。

真实用户监控是捕获和分析网站或应用程序的每个用户的移动的过程。它通常被称为真实用户指标或最终用户体验监控。您可以通过检查页面级性能数据来做到这一点。

Google Search Console (GSC) 是一个有用的工具，它会根据 URL 组或具有相似 HTML 结构的 URL 分组告诉您页面的性能。

监控 RUM 还将确保用户对您网站的响应能力和交互性的第一印象是积极的。

奖金提示：

另一个可能影响 CWV 性能的因素是服务器响应时间。通常，更快的服务器响应时间会改善每个页面加载指标。

理想情况下，您希望浏览器快速接收来自服务器的内容，这样，它也将显示在屏幕上并准备好在创纪录的时间内被用户查看。

如何判断服务器响应时间是否缓慢？使用 WebPage Test 和 Lighthouse 等工具。

特别是 Lighthouse 有一个称为减少初始服务器响应时间的页面审计元素。如果您在审计报告中看到这一点，则意味着您必须花时间与您的 Web 开发人员一起挖掘问题。

更好的网站性能，更好的用户体验——更好的排名

Core Web Vitals 旨在帮助用户享受在线体验。通过他的更新，谷歌旨在优先考虑网站速度和用户体验。但是没有一个优化公式，因为它取决于您网站的当前性能、您的目标和您所在的行业。

最终，这些升级可确保网络充满相关且优质的网站。将最佳实践应用于您的网站，以确保您为客户提供最佳服务和体验。