如何修复WordPress网站上的核心网站

核心网络毒品是新的大挑战搜索引擎优化．尽管这一挑战的重要性似乎被夸大了一点，但针对核心Web Vitals进行优化的网站很快就会有更好的机会在搜索中排名。

如果你的网站是建立在WordPress，你很幸运——所有的事情都可以通过一些选择插件和切换到一个更快的服务器来完成。但让我们从头开始。

什么是Web的三大核心要素?

核心Web命脉谷歌是否使用新指标进行评估用户体验在网页上。这些指标早在2020年5月就公布了，预计将在2021年下半年成为正式的排名因素。

核心Web重要指标包括三个指标:最大内容油漆，首次输入延迟和累积布局移位。这三个指标都涉及页面速度的各个方面。让我们在下面仔细看看。

最大含量涂料(LCP)

最大的满足油漆是屏幕上最大元素加载的时间。它通常是一个图像，但它也可以是视频或一块文本。这个想法是，最大的元素对用户的印象最为印象。因此，当加载最大元素时，它会感觉像整个页面一样加载。

LCP的基准在2.5秒以下，良好的分数和OK分数以下4秒以下：

第一个输入延迟（FID）

第一次输入延迟是页面响应用户第一次输入所花费的时间。假设一个按钮已经绘制在页面上，用户点击它，但什么都没有发生，因为按钮还没有功能-这是第一次输入延迟。

谷歌准备容忍100毫秒的延迟为一个好的分数和300毫秒为一个好的分数:

累积布局偏移(CLS)

布局变化是指即使在页面上已经画好了，内容仍然在移动。累积布局偏移是通过将内容移动的距离所影响的屏幕份额相乘来计算的。

好的CLS分数低于0.1，好的分数低于0.25:

如何衡量你的WordPress网站上的核心Web要素

有很多工具可以测量核心网络的重要性，但有一件事我们必须首先讨论。重要的是要理解有两种方法来衡量核心Web重要指标。一种是使用现场数据，另一种是使用实验室数据。

现场数据是网站的表现与实际用户。关于现场数据的一个有趣的事情是，它是相对于您的目标受众的。如果你的大部分访问者来自连接速度较慢的地区，并且使用旧电脑，那么你的网站就会显得较慢——反之亦然。所以你的分数并不完全取决于你的网站的优化水平．

实验室数据是您网站的模拟条件下的性能。使用实验室数据更像是测试您网站的技术声音的方法。与此同时，实验室数据不代表您网站在现实世界中的表现。这就是为什么谷歌使用现场数据，而不是实验室数据，用于排名我们的网站。

有趣的是，其中一项重要指标根本无法在实验室中测量。第一输入延迟需要实际用户的实际输入来被测量。这就是为什么你可以很容易地区分实验室数据工具和现场数据工具。实验数据工具不能测量FID分数，而是提供TBT(总阻断时间)分数:

在上面列出的谷歌工具中，搜索控制台是检查核心网络重要信息的最便捷的方式。

如果你去经验>核心Web命脉，你会发现两份报告，一份用于桌面，另一份用于网站的移动版本。您可以单击其中任何一个，以查看您在某一类型设备上的整个网站的性能摘要。下面是一个报告的例子:

在图表下面，还有一个表格，列出了困扰你网站的最常见问题:

如果你想进一步调查，点击任何问题，然后点击任何url，你会看到PageSpeed Insights报告。该报告将包括对您的页面的详细分析，以及如何提高您的性能的一些建议:

现在，即使搜索控制台是Google开发人员工具的最用户友好，钻取仍然有点笨拙。为每个单独的页面找到每个问题，这只是一个太多的工作。这就是为什么转向第三方工具的好主意。

这些工具使用与谷歌相同的数据，但尝试拥有更实际的工作流。使用网站审计作为一个例子，您可以在这里拥有单个表中的所有失败页面，以及所有Vitals分数和优化优先级：

当然，还有很多其他的搜索引擎优化工具与Core Web Vitals报告。因此，如果你已经在使用搜索引擎优化工具，那么很有可能它最近已经实现或即将实现核心Web Vitals功能。只要确保这个工具在评估你的网站时使用了字段数据就行了——大多数都没有。

值得一提的是，这里有一个有趣的工具可以玩。Treo网站速度允许查看核心Web Vitals分数从不同的网站并排:

它可以为你的网站需要多少工作提供有价值的见解。毕竟，你不需要有一个完美的核心Web Vitals得分，你只需要比你的竞争对手更好。

如何提高你的WordPress网站的核心Web要素

独特的挑战提高WordPress网站的速度很大程度上取决于插件、主题和服务器的选择。插件特别是双刃剑。他们帮助您加快您的网站，但您安装的更多，您的网站越慢。但是让我们从顶部开始。字面上地。

1.整理在折叠之上。

核心网站的重要性放在页面的上部，通常被称为折叠线上面．上面的部分是用户第一次访问页面时看到的内容。因此，如果这部分加载得很快，那么整个页面就会显得很快。

巧合，页面的上半部分通常是最慢的。这是公司倾向于将巨大的横幅与高分辨率图像放置巨大的横幅，它也是您使用各种弹出窗口和互动元素轰炸。看一眼黑额黑雁， 例如。

这里的建议是显而易见的——确保你的页面上部尽可能的干净和轻。在大多数情况下，这意味着要缩小用来迎接访客的图像的尺寸——我们稍后会更详细地讨论图像。

另一种选择是用图像代替CSS样式．让你的设计师和网页开发人员一起，看看你是否能想出一个不需要复杂图像的视觉效果。简单的CSS渐变上的几行文本在页面速度方面效果最好。这并不需要权衡——强大的设计甚至可以通过简单的工具实现。

您还可以做的一件事是避免动态调整内容大小。一些页面元素，比如评论小部件，可能没有特定的大小属性。这意味着这些元素会不断移动，直到它们找到足够的空间。确保将这些元素移到页面下方。

2.优化你的图片。

图像往往是任何网页上最耗时的元素。它们还倾向于是最大的满足油漆度量中最大的内容。幸运的是，图像也是最容易优化的 - 它是改善您无需技术技能的核心Web Vitals的一个领域。

图片来源

为了优化您的图像，谷歌建议适当调整图像大小，以下一代格式提供图像，延迟离屏图像，并有效编码图像。有些事情听起来很复杂，但是大多数图像优化插件都可以很容易地执行它们。

在购买一个WordPress图像优化插件，寻找能够:

• 压缩你的图像(包括大量压缩已经在你的网站上的图像);
• 创建每个图像的WebP副本;
• 懒加载你的图片;和
• 必要时管理图像的大小。

另外，确保插件的效果是可逆的，也就是说，如果优化没有按计划进行，你可以回到原来的图像。

WordPress上一些最流行的图像优化插件包括WP帕克，Imagify， 和Resmush.it.．它们都没有涵盖图像优化的所有方面，因此每种选择都有一些权衡。已经说，这可能最好从WP Smull开始，因为它提供了最广泛的图像优化服务。

3.搬到更快的托管提供商。

Core Web Vitals最常见的问题之一是服务器花费太长时间来交付内容。现在，这可能是因为你的页面太复杂了——过度设计的主题和太多的插件。但这也可能是因为你的服务器太慢了——大多数预算服务器都是如此。

如果你不确定服务器响应时间对你的网站来说是否是一个问题，可以使用任何跟踪Core Web Vitals指标的工具进行测试。例如，如果你正在使用PageSpeed见解，然后你应该测试你的一些页面，看看“减少初始服务器响应时间”是否一直弹出作为一个机会:

当然，最好有一个执行批量测试的工具。这样你就能知道这个问题是贯穿整个网站还是只出现在几个页面上。

如果整个网站的服务器响应时间都很高，你应该考虑换一个更快的托管提供商．最常见的是这意味着从共享托管切换到管理托管。

共享托管可能是您在首次构建您的网站时获得的 - 它与每月几美元廉价，它往往提供“无限制”的网站和访问。主要问题是您与其他网站共享服务器，您的性能取决于它们是否留下足够的资源。reybet雷竞技下载

托管主机有点贵——基本的软件包每月20美元起。但你得到的是最新的技术，一个专用服务器，一个内容交付网络，还有一个支持团队，负责处理技术含量过高的问题。所有这些都有助于提高页面速度。

如果您决定使开关更快地托管，我们鼓励您咨询这一点WordPress网站推荐主机提供商列表．

4.优化您的代码。

代码永远都不完美，你可以做无数的事情来改进它。但有一些容易实现的目标，可以让您的页面速度几乎不需要付出任何努力。您可以马上尝试的两种方法是更改加载不同代码段的顺序和从代码文件中删除不必要的元素。下面让我们仔细看看这些方法。

推迟不必要的JavaScript

只要页面上有一段JavaScript，浏览器就会暂停HTML加载，直到JavaScript加载完成。从用户体验的角度来看，这意味着盯着一个冻结的页面，而什么也没有发生。这不仅会让用户不愉快，这种类型的延迟也会反映在你的核心网络重要信息中。

所以，如果JavaScript不是很重要，你可以改变它加载的顺序——让它在所有基本元素呈现之后加载。再说一次，既然我们谈论的是WordPress，你可以很容易地通过插件来实现这一点。有些插件可以延迟JavaScript异步JavaScript，Autoptimize， 和速度增压包．

缩小CSS，JS和HTML文件

代码缩减意味着从代码文件中删除不必要的格式：空格，评论和行中断。它通常是一个边际改善，但对于一些文件，您将能够降低40％的规模。

在WordPress网站上最小化代码最简单的方法是使用插件。一些最流行的缩小插件包括Autoptimize，WP超级贬低， 和快的速度使变小．

如果你不想在你的网站上安装更多的插件，你可以尝试手动缩微，或者你可以尝试在线缩微工具。这意味着你必须从WordPress下载文件，在线缩小它，然后上传到WordPress。只有当你的网站很小，只有几页的时候，这种方法才可行。一些更流行的在线工具包括CSS帐篷，JavaScript缩小镜， 和HTML压缩机．

5.减少过多的功能。

第一次创建WordPress网站的人经常会被他们添加到页面上的功能所吸引他们安装的插件数量在管理面板。这些添加的每一个都以页面速度为代价。

当谈到页面设计时，这些过多的功能通常包括沉重的主题、自定义字体、各种图像库和滑块、效果(淡入、滑出等)，以及出现得比必要的更快或完全不必要的弹出窗口。这些功能可能看起来很酷，但在实际用户看来，它们中的大多数都是令人讨厌的。很少有什么东西能比一个好的旧静态图像和文本组合更好的工作。

当谈到插件时，很多插件确实是不可避免的。特别是如果你不是一个精通技术的人，并且你的团队中没有开发人员。同时，大多数使用插件完成的事情也可以手动或使用外部工具完成。例如，你可以使用插件来压缩图像，但你也可以使用在线压缩器或图形编辑器来压缩它们。

另一件事是，即使你卸载了不必要的插件，可能会有少量的插件代码残留在你的网站上。然后你必须安装另一个插件来删除这些代码。所以，即使在安装一个新插件之前，也要问问自己是否真的没有其他方法来完成它所做的事情。每次新安装都会让你的网站变得更慢。

6.关注其他用户体验参数。

Core Web Vitals只是7个用户体验参数中的3个。其他四种已经存在很长时间了，并且已经影响了你的网站今天的排名:

我们已经在上面的章节中讨论过侵入性间质。这些基本上是各种弹出窗口和中间页面，阻碍了浏览主要内容。谷歌可以容忍一些必要的弹出窗口，比如关于cookie和隐私政策的窗口，但对于任何占据屏幕很大一部分的内容都不友好。让你的弹出窗口小而有意义。

现在HTTPS已经不是什么问题了——只要免费就行SSL证书是由您的主机供应商提供的，它应该是足够的。除非你是一家金融机构或医疗机构，能接触到敏感信息。在这种情况下，您必须升级到高级SSL证书。

安全浏览与安全协议不同。这是您的页面是否包含恶意或欺骗性内容。有时，如果您的网站被黑客攻击，则可能会出现这些问题。要确保您没有触发任何安全警告，请检查您的Google搜索控制台中的安全问题报告．

最后，有移动友好性。很多进入移动优化，但最大的部分是响应设计 - 您的内容适应不同的屏幕尺寸。由于大多数主题都是移动友好的话，WordPress用户很少有移动优化。不过，它不会受到伤害测试您的页面一旦他们发布-谷歌提供详细的报告任何问题发现您的移动页面。

如果发现许多问题，您可以签出帮助你的WordPress网站更便于移动的插件．

快速修复

本文中的建议大多是容易实现的成果——以最少的努力获得最多的页面速度。但是，如果你已经尝试了这里列出的所有方法，但你的分数仍然落后，你可以尝试其他方法。

回到任何你正在使用的工具来测试你的网站，看看是否有任何其他问题出现在你的网站。关注那些出现在多个页面上的问题。很有可能，只需要一个简单的调整就可以提高整个网站的速度。