非开发人员指南，可将WordPress的加载时间缩短至2秒（包含数据）

随着Google在最近的算法更新中继续关注用户体验和参与度指标，对于营销人员而言，关注其网站的速度变得越来越重要。 网页速度长期以来一直是桌面搜索结果的排名因素，并且可能很快也会影响移动设备排名。

但是，改善加载时间的好处远远超出了它们对SEO和您网站的自然排名的影响。 考虑一下Google的最新数据，该数据显示“如果移动网站的加载时间超过三秒钟，则将有53％的访问被放弃”，或者“移动页面加载的每一秒延迟，转化次数最多可下降20％”。

那么，您实际上如何加快网站速度呢？ 对于许多非技术营销人员而言，试图弄清楚如何提高页面速度可能是一项艰巨的任务。 您实际上应该利用哪些杠杆来产生结果？ 你如何让您的网站上实施的这些变化？

我不是开发人员。 我的公司拥有并经营着许多基于WordPress的不同（相对简单）的发布网站。 我着手改善这些网站的加载时间，而无需开发人员干预，以查看任何人（甚至是我！）可能进行的一些简单调整都会产生什么样的影响。 在本文中，我将逐步介绍每种优化方法，解释对网站的影响，并在加载时间，Google Speed得分等方面共享实际数据。

我将在帖子的后面再讲三点：

• 就像我说的那样，这些都是使用WordPress构建的非常简单的网站，因此这里的插件和解决方案都是WordPress特定的。
• 在具有不同功能的不同平台上构建的更复杂的网站（例如，电子商务网站，更复杂的发布网站）将有很多其他更复杂的问题，并且与我们的网站相比，对这些策略的响应也将有所不同。
• 在页面速度方面，不要让完美成为商品的敌人。 开发人员可能会告诉您，要获得纯粹的“最佳实践”页面加载时间，您需要重新设计网站（目前这对您的公司而言可能不切实际）。 虽然可能是这种情况，但您可以实施以下概述的策略的某种组合，以帮助提高页面速度。 帮助开发人员专注于正确的指标（我们将在下面概述）并努力使其变得更好。

综上所述，这篇文章（并了解一些提高页面速度的基本方法）应该可以帮助您更好地了解网站上提高速度的潜力。

您要优化什么？ 选择正确的页面速度指标

就像许多SEO一样，我根据Google免费的PageSpeed Insights工具建议将精力集中在页面速度上。 它直接出自Google的嘴，提供了非常容易理解的指标（一个等级，就像学校一样！），并提供了一些有用的建议来加快页面加载时间。

该工具绝对有帮助，但是当您深入研究页面速度时，您可能会意识到：

• 评分可能有点古怪。 有时，您可以加快页面加载的速度，但分数会下降。 有时您什么都不做，乐谱会有些波动。 请记住，这里的圣杯是为了加快访问者的站点访问速度，所以不要只是学习测试！
• 搜索引擎土地撰稿人Daniel Cristo指出，相对于您在其中出现的搜索结果中的其他网站，Google似乎不太可能将此分数用作排名信号，而不是Google Chrome的加载时间。

关于您的速度相对于SERP竞争对手而言，上述粗体显示非常重要; 如果您有一个简单的B2B网站，则可以查看一个成功的电子商务网站，然后说：“他们的网站比我们的网站慢得多，而且效果很好！ 我们应该没事！” 但是现实是，这不是您要与谁竞争。 您希望自己的网站尽可能快，因此应该将其与在您网站上最重要的搜索结果中排名较高的网站进行比较。

所以，如果我们不使用谷歌的洞察的PageSpeed得分工具作为是全部和最终所有我们的优化努力，我们应该专注于什么指标？

Search Engine Land专栏作家Chris Liversidge在他关于不同页面速度事件的出色文章中做了详尽的工作，以细化细节，但实际上我的重点是：

• 到第一个字节的时间（TTFB） -发出请求后，您的服务器和/或CDN（稍后我们将介绍）发送数据的第一个字节的速度。
• 关键渲染路径/开始渲染-本质上，当您“折叠显示”内容被渲染时。
• 全页渲染—加载整个页面时。

同样，我们希望专注于我们网站上的用户体验，因此确保折页上方的内容快速交付并确保整个页面快速加载才是真正的主要问题。 TTFB指标（虽然不完美）可能会有所帮助，因为它可以让我们知道加载时间问题是否是服务器问题的结果。

这些就是我们的指标。 但是，我们如何知道我们的页面是否运行缓慢？

页面速度测量工具

首先，我们需要一个工具来测量它们。 幸运的是，有很多出色的免费工具可用于这些目的。 我使用了Web Page Test，它可以很简单地进行布局。 这是Search Engine Land的结果，对于这样的可视化主页以及庞大而复杂的发布网站而言，这些结果非常好：

在涉及工具的地方，有很多选项可以衡量速度并获得建议，包括：

• Pingdom的免费工具
• GT Metrix
• CDN的免费工具
• 变形工具

和别的。 对于我们这里的目的，我将使用来自Web Page Test的数据。

我们的目标是什么？ 什么是“良好”的页面速度？

同样，页面加载时间因利基市场和SERP至SERP而有很大差异，因此我们的最初目标应该只是“变得更好”。 也就是说，让我们看看这些事件的目标时间周围的一些通用最佳实践准则：

• TTFB-理想情况下，小于200 ms（毫秒），至少小于500 ms（几年前的Moz研究发现，许多排名靠前的站点的TTFB为350 ms，而排名较低的站点通常接近650 ms。 ）
• 开始渲染—最好在1秒以内，至少保持2秒以内。
• 全页渲染—理想情况下是3秒以内，至少保持5秒以内。 （Google的John Mueller建议在2到3秒的加载时间内进行加载，并在其中提及他也使用了网页测试。）

同样，如果您的整个页面加载时间为15秒，而关键路径渲染完成还需要5秒，请不要举手。 开始优化并努力降低这些数字，即使您可能无法在一秒钟内将其降低到最低水平。

越快越好！

好的，那么您实际上可以做些什么来提高页面速度？

假设您测量页面速度，但速度很慢; 您能做什么有所作为？

Google的PageSpeed Insights工具（以及优化专家）提出的最常见建议包括：

• 减少服务器响应时间。
• 启用压缩。
• 利用浏览器缓存。
• 消除多余的渲染阻止代码（CSS和JS）。
• 缩小代码。
• 压缩和调整图像大小。

我将在这里介绍我可以在四个不同的WordPress网站上实现的优化，以及这些优化导致的加载前/加载后时间。 同样，这些数字并非在所有网站上都适用，并且并非每一个最佳实践都会对每个网站产生相同的影响。 但是我认为通过这一过程，您将看到一些简单，快速的优化如何对速度产生重大影响。

请注意，尽管您可以通过基本了解HTML进行一些优化，但是在某些拐点处，获取技术资源并找出缩短网站加载时间的最佳方法很重要。

步骤1：对网页速度指标进行基准测试

首先，我在网站的首页和更深的文章页面上快照了每个网站的页面速度指标。 我是专门为这篇文章而做的。 如果您要优化网站，则理想情况下，您将希望查看整个站点的指标，或者至少在流量最高的页面的样本以及站点上每个模板的典型页面上查看。

与某些网站相比，这些数字并不可怕-但是对于基于WordPress的简单内容网站，没有很多风吹草动，肯定有很大的改进空间。

我们所做的是实现了四种通常推荐的不同页面速度优化。 在下面，我们将看到每个优化在实施时的影响，然后是所有优化的累积影响。

因此，让我们深入研究优化。

步骤2：代码清理

Google的PageSpeed Insights工具建议我们“缩小”网站的CSS，JavaScript和HTML。 为此，我们使用了一个名为Autoptimize的免费WordPress插件。 在四个站点上进行设置大约花费了20分钟的时间：

在优化HTML，JS和CSS并内联加载JS和CSS之后，Google的工具将最小化和“消除了首屏内容中的渲染阻止JavaScript和CSS”移至“发现的优化”列中：

有什么影响？

如您所见，大多数页面都有改进，有些页面则有20％以上的显着升级。 但是在某些情况下，改进的百分比很少，甚至性能也更差。 各个测试之间存在一些差异，但是您看到的是，尽管这些改进通常可以提高页面速度，但是其影响程度却有所不同，并且取决于站点。

请注意：这是该插件的免费版本，在理想的设置下具有“最佳猜测”。 在更改站点代码时要小心，正如我稍后将在文章中提到的那样，这是一个特定的领域，您可能需要向开发人员寻求指导。

步骤3：浏览器缓存

接下来，我们想利用浏览器缓存。 通常，您可以为此目的使用WordPress插件，例如WP Super Cache或WP Rocket，但是这些站点托管在WP Engine上，其中的某些插件存在兼容性问题。 因此，我们仅启用了WP Engine对象缓存：

有什么影响？

如您所见，这比我们的代码清理工作更具戏剧性，对于两个站点，我们看到了20％到30％的显着性能提升，只有两个页面的开始渲染时间有所增加。

步骤4：实施CDN

同样，WP Engine具有其自己的CDN选项，因此我们启用了该选项，这也是WP Engine中极其简单的过程：

有什么影响？

这是我们实际上看到性能明显下降的第一个实现。 此处需要注意的几件事：

• 实施CDN是为了提高该国不同地区用户的页面速度，因此从理论上讲，它对世界各地不同测试用例的（积极）影响应更大。
• 再次，这只是针对少数站点的一项测试-其他人已经对WP Engine CDN进行了测试，并且看到了更好的结果，因此您的行程可能会有所不同。

此处的重要收获实际上是，再次重申，并非每次优化都会对每个站点产生相同的影响，并且偶尔进行一些努力会产生很小的影响，甚至没有实际影响。

步骤5：图片优化

最后，我们致力于在每个站点上压缩和调整图像大小。 在某些情况下，站点上的图像已被压缩，最大的罪魁祸首是（如您将看到的）站点4的主页。 我发现在忽略它的网站上，图像优化通常是最快，最简单和影响最大的页面速度赢家。

为此，我们使用了名为Optimus的图像压缩插件。 我们还“手动”对页面上的每个图像进行了压缩和调整大小，以确保压缩不会影响质量，并且文件应尽可能小：

有许多用于WordPress的图像优化插件，包括但不限于：

• 擎天柱
• WP Smush
• EWWW图像压缩
• 短像素图像压缩

每当您使用这些插件时，如果要将它们应用于媒体库中的所有现有图像，则必须意识到站点上某处的潜在图像质量/渲染问题。 （经过页面速度专家的一些其他测试/建议（以下更多内容）之后，我们实际上切换到了“短像素”。）

在上**个图像之前，还有许多工具可用于压缩它们，包括：

• 最适
• 压缩器
• 小PNG

还有很多其他的。

有什么影响？

从几个首页可以看到，压缩图像可以带来最大的页面加载收益。 最重要的是，压缩映像并替换未压缩的版本是一项通常不需要任何开发帮助的任务。

同样，改进的程度取决于站点。 显然，已经压缩和调整大小（或恰好缩小了图像）的站点从该特定步骤中几乎看不到任何收益。

那么，我们努力的累积影响是什么？

如您所见，此处的结果因站点而异。 但是，通过执行以下步骤，我们将加载时间减少了多达2秒钟，并且在几乎每种情况下，我们都提高了访问者观看首屏内容的速度。

但是对于我们的所有努力而言，某些加载时间实际上会变得更糟，而且对于一个简单的站点，似乎我们应该能够克服很多这些加载时间。 那么，您还能做什么？

奖励步骤：聘请专业人士！

从业余DIY的工作中获得了可观的收益之后，我决定继续聘请专门从事页面速度优化的开发人员。 我们的专家致力于进一步减少负载时间。 具体来说，他们：

• 在我的WordPress配置中删除或替换了被他们认为使网站运行缓慢的插件。
• 调整了代码，服务器配置以及已安装的速度优化插件的配置。

这个过程实际上将我们（改进的）加载时间减少了一半。 这是一个很好的例子，说明了精通页面速度最佳实践的开发人员可以如何显着改善您的结果。

如果您内部拥有开发资源，请传达您的目标（减少页面加载时间和用户看到重要的重要元素的速度），并在必要时共享资源以确保他们了解加速的最佳做法一个网站。

本文中表达的观点是来宾作者的观点，不一定是Search Engine Land。 工作人员作者在此处列出。