WordPress加载时间不超过2秒的非开发人员指南(1)

想知道从页面速度改进开始哪里?专栏作家Tom Demers分享了他如何在几个WordPress网站上处理页面速度的改进,而没有(很多)来自开发者的输入。

WordPress加载时间不超过2秒的非开发人员指南

WordPress加载时间不超过2秒的非开发人员指南

非开发者的WordPress站点的加速指南

随着谷歌在最近的算法排名更新中继续关注用户体验和参与度指标,对于市场营销人员来说,关注他们的网站有多快变得更加重要。页面速度一直是桌面搜索结果的一个重要因素,它可能很快也会影响到移动排名。

然而,改进的加载时间的好处远远超出了它们对SEO和站点的自然排名的影响。考虑一下最近的谷歌数据,这表明“53%的访问被抛弃了,如果移动站点的加载时间超过3秒,”或者“在移动页面加载的每秒钟延迟,转化率可能下降20%。”

那么,你是如何加速你的网站的呢?对于许多非技术人员来说,试图弄清楚如何提高页面速度是一项艰巨的任务。你应该用什么手段来产生结果呢?你如何在你的网站上实现这些改变呢?

我不是开发人员。我的公司拥有并运营着许多不同的(相对简单的)网站,建立在WordPress上。我开始着手改善这些网站的加载时间,而不需要任何开发人员的干预,看看会产生什么样的影响,因为任何人(甚至可能我!)都可以做出一些简单的调整。在这篇文章中,我将逐一介绍每一个优化,解释它对我们网站的影响,并在加载时间、谷歌速度等方面分享实际数据。

我将在后面的文章中再次提到三个要点:

正如我所说,这些都是在WordPress中构建的非常简单的站点,所以这里的插件和解决方案都是特定于WordPress的。

一个更复杂的网站建立在不同的平台上,有不同的功能(例如,电子商务网站,更复杂的出版网站)会有更多的额外的,更复杂的问题,并且对这些策略的反应也会比我们的网站所做的要不同。

当涉及到页面速度时,不要让完美成为好的敌人;开发人员可能会告诉你,为了达到一个纯粹的“最佳实践”页面加载时间,你需要重新设计你的网站(这对你的公司来说可能不太现实)。尽管可能是这样,但下面列出的一些策略很可能是你可以实现的,以帮助提高页面速度。帮助开发人员关注正确的度量标准(我们将在下面概述),并努力使其变得更好。

所有这些都说明,这篇文章(以及理解提高页面速度的一些基本方法)应该有助于您更好地理解站点上的速度改进的潜力。

你为什么而优化?选择正确的页面速度指标

和许多SEO人员的开始一样,我将精力集中在页面速度上,基于谷歌的免费PageSpeed Insights工具推荐。对于谷歌来说,它就是直接来自于谷歌的,给出了非常容易理解的指标(甲级,就像学校一样!),并且对于加快页面加载时间有一些有用的建议。

这个工具当然是有帮助的,但是当你深入了解页面速度时,你可能会意识到:

评分可能有点不靠谱。有时你会加快你的页面加载速度,那么你的分数会下降。有时候你什么也不做,分数会在一些地方上下移动。记住,这里的圣杯是为你的访问者加速你的站点,所以不要仅仅为了测试而学习!

正如搜索引擎的Daniel Cristo指出的那样,谷歌似乎不太可能把这一分数作为一个排名信号,就像谷歌浏览器的加载时间一样,在搜索结果中,你会出现在搜索结果中。

相对于你的SERP竞争对手而言,你的速度被考虑在内,这一点是非常重要的;如果你有一个简单的B2B网站,你可能会看到一个成功的电子商务网站,说:“他们的网站比我们的网站慢,而且很棒!”我们应该很好!“但事实是,这并不是你在与谁竞争。你希望你的网站能尽快达到,所以你应该把它和那些在你网站最重要的搜索结果中排名的网站进行比较。

因此,如果我们不使用谷歌的PageSpeed Insight工具作为我们的优化工作的全部和最终目标,那么我们应该关注什么指标呢?

Search Engine Land的专栏作家Chris Liversidge在他的精彩文章中,在不同的页面速度事件中,在他的精彩文章中做了很好的工作,但实际上我的重点是:

时间到第一个字节(TTFB)-请求完成后,您的服务器和/或CDN(我们稍后将会得到)发送第一个字节的数据。

当你的“超过折叠”内容呈现时,关键渲染路径/本质上开始渲染。

当整个页面被加载的时候,全页面渲染。

同样,我们希望关注站点上的用户体验,确保页面上的内容能够快速传递,并且整个页面加载速度很快,这是主要的关注点。TTFB度量(虽然不完美)可以很有帮助,因为它让我们知道负载时间问题是否是服务器问题的结果。

所以这些是我们的指标。我们怎么知道我们的页面是不是很慢呢?

页面速度测量工具

首先,我们需要一个工具来度量它们。幸运的是,有很多很棒的免费工具用于这些目的。我使用了网站页面测试,它很简单地列出了这些内容。这里是Search Engine Land的结果,它对这样一个可视的主页和一个庞大而复杂的发布网站非常有帮助。

WebPageTest.org的屏幕截图

在涉及到工具的地方,有很多方法可以度量速度并得到建议,包括:

Pingdom的免费工具

GT Metrix

关键的CDN的免费工具

Varvy的工具

和一些其它的工具。出于我们的目的,我将使用来自网站页面测试的数据。

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

同样,页面加载时间会有很大的不同,从利基到利基,从SERP到SERP,所以我们最初的目标应该是“变得更好”。这就是说,让我们看看针对这些事件的目标时间的一般最佳实践指导方针:

TTFB——理想情况下,低于200毫秒,至少低于500毫秒(几年前的一项Moz研究发现,许多顶级网站都有350毫秒的TTFB,而排名较低的网站通常更接近650毫秒)。

开始渲染,理想状态下是1秒,至少保持2秒。

全页面渲染,理想状态下,在3秒内,至少保持5秒。(谷歌的John Mueller建议在2-3秒的加载时间,并提到他也在使用网页测试。)

同样,如果你的页面加载时间是15秒,而在关键路径渲染完成前5秒,不要只是举手。开始优化并努力使这些数字下降,即使你可能无法在一秒后得到它们。

那么,你能做些什么来提高页面速度呢?

假设你测量了你的页面速度,它很慢;你能做些什么来改变现状?

谷歌的PageSpeed Insights工具(以及优化专家)最常见的建议包括:

减少服务器响应时间。

启用压缩。

利用浏览器缓存。

在折叠(CSS和JS)之上消除渲染阻塞代码。

贬低的代码。

压缩和调整图像。

我将在这里介绍我在四个不同的WordPress站点上实现的优化,以及这些优化所产生的前/后加载时间。同样,这些数字对于所有网站来说都不是真实的,并不是所有的最佳实践都会对每个站点产生同样的影响。但我认为,通过这个过程,您将看到一些简单的快速优化对速度有重大影响。

发表评论

电子邮件地址不会被公开。 必填项已用*标注