谷歌有办法在网页设计师和网站所有者中制造一波恐慌。当他们对其搜索算法做出改变时,人们开始争先恐后地追赶。这很容易理解。没有人希望他们的SEO排名受到影响。
因此,当核心网络指标被宣布时,反应是相当可预测的。由于这些变化是基于网站性能的,我们的注意力已经转向确保加载时间快如闪电。
但这并不总是简单的。运行WordPress等内容管理系统(CMS)的网站可能特别具有挑战性。有很多因素在起作用。因此,提高性能需要一个多管齐下的方法。
从哪里开始呢?请看我们的指南,以提高您的WordPress网站的Core Web Vitals得分。
实施高速缓存
提高WordPress网站速度的最简单的方法之一是实施缓存。在许多情况下,一个以前迟缓的网站通过这一个步骤就会变得非常快。即使在相对便宜的主机上也是如此。
默认情况下,WordPress页面和文章必须从网站的数据库中检索内容和设置。这需要时间。另一方面,缓存将以静态HTML文件的形式提供内容--切断了调用数据库的需要。有了中间人(即数据库)的帮助,加载时间会更快。
一些主机套餐,特别是管理的WordPress主机,将包括基于服务器的缓存。这通常是最好的选择,因为它对网页设计师的要求很低,而且性能相当好。它可能需要每隔一段时间就被清除。否则,这是一个不需要动手的经验。而且它可以有效地与一个插件结合起来,进一步提高速度。
即使你的主机不提供服务器层面的缓存,你仍然可以通过一个插件来优化性能。缓存插件的范围、复杂性和价格各不相同。但当涉及到改善加载时间时,它们确实提供了切实的结果。这反过来对Core Web Vitals也是一个积极的推动。

推迟加载阻碍渲染的脚本和样式
当在谷歌PageSpeed Insights中测试你的网站性能时,似乎经常会出现渲染阻断资源的问题。这些是不被认为是 "关键 "的脚本和样式--意味着它们不需要渲染 "折页以上 "的页面内容。
这些资源可能会妨碍更快的加载时间。具体来说,它们会影响Core Web Vitals中的 "最大的内容绘画(LCP)"得分。这是一个页面的主要内容区域加载所需的时间。减少LCP是,嗯,至关重要。
改善这种情况的方法之一是延迟(或推迟)各种内容元素(图片、视频、块级文本)的加载时间。这可以确保只有需要的脚本和样式首先加载,而其他的东西都是在之后才加载的。
除了最小化之外,许多WordPress的缓存/优化插件也恰好包括这种类型的功能。然而,这可能需要一些实验,因为推迟错误的资源可能会有问题。
请确保测试你所做的任何改变,并检查浏览器控制台的错误。一旦你找到了正确的配置,你的页面上阻碍渲染的资源数量就会大大减少。

优化图片
大型英雄图像和复杂的滑块的广泛使用只会增加性能优化的挑战。这些资产可能看起来不错,但可以很容易地增加到价值数兆字节的数据。这不会让你的核心网络生命力获得合格的成绩--尤其是在移动端。
值得庆幸的是,有几种方法可以减轻负担。首先,也是最重要的是,删除任何你认为不必要的图片。即使删除一张大的图片,也会产生不同的效果。
你的其他图像可以被优化。这将减少它们的文件大小,减少它们对加载时间的影响。
你如何进行图像优化取决于你。你可以下载一份最差的图片,用你最喜欢的图片编辑器对它们进行压缩,然后把它们上传到你的网站上。或者,你可以用一个有用的WordPress媒体插件来自动完成这个过程。
反应灵敏的图片
对于移动用户来说,WordPress包括通过以下方式提供响应式图片的能力 srcset.事实上,它将自动为你完成放置在你的内容中的图片的肮脏工作。这是非常有价值的,因为它可以防止大量桌面大小的媒体拖慢移动用户的体验。对于主要内容区域以外的图片,你可能需要做一些定制工作来实现这个功能。
现代图片格式
同样值得关注的是你所使用的文件格式。例如,谷歌的WebP格式通常可以减少文件大小,同时保持图像质量。请注意,一些新的格式在传统的浏览器中不被支持(嗯,IE),所以后备版本可能是必要的。插件也可以帮助解决这个问题。

懒惰地加载所有的东西
懒惰加载功能只在项目进入浏览器的视口时才加载它们。通过延迟加载图片、iframe和其他第三方内容(如社交媒体小部件),你可以将资源集中在用户将首先看到的元素上。
WordPress已经对图片实现了原生的、基于浏览器的懒惰加载。当你在一个页面或文章中添加图片时,其 loading="lazy"属性被放置在<img> 标签中。也就是说,只要图像包括高度和宽度属性。
这很好--但其他元素呢,如视频或iframe?这些项目如果一开始就加载,也会拖累页面。
Iframes现在是默认懒加载的,所以不用担心。一些更复杂的元素可能需要自定义代码或插件来实现这一功能。

清除杂乱无章的东西
随着时间的推移,即使一个维护良好的WordPress网站也会变得杂乱无章。堵塞的数据库、未使用的插件仍在运行、一个臃肿的主题和你不使用的功能--这都会发生。而且,它也会拖累你的核心网络生命力。
这就是为什么要不时地进行清理。你的网站的数据库可以被手动优化,或设置为定期进行。不使用的插件可以被停用和扔掉。主题可以做得更精简,或者用更好的东西代替。
研究一下是什么拖累了你的网站,找到罪魁祸首并加以处理。你可能会惊讶于这能带来多大的变化。

改善你的网站的核心网络生命力
核心网络生命力使优化WordPress网站性能这一已经很棘手的过程变得复杂。即使是一个在其他性能指标上得分很高的网站,也可能在这一领域有所不足。这在移动测试中表现得最为突出。
好消息是,设计师可以做很多小事来赶上。实施缓存奠定了一个很好的基础,并提供了一个直接的提升。从那里,它是一个减少文件大小和按重要性加载样式和脚本的问题。
更进一步说,考虑到Core Web Vitals,调整您网站的CSS也是有意义的。这可以帮助解决可怕的累积布局转移(Cumulative Layout Shift,CLS)得分问题,并减少臃肿。
一般来说,对性能有利的东西也对Core Web Vitals有利。分数可以很快提高。只需知道需要一些试验和错误来理清其中一些个别的缺点。
最重要的目标是确保用户访问你的网站时,只加载基本内容。这样做会让访问者和谷歌都很高兴。