北京SEO百度排名_网络推广_网站建设_专业网站优化【启点网络】

网站制作SEO优化推广10年,客户1200+

非开发人员的指南,以减少WordPress的加载时间长达2秒(数据)

文章分类: SEO方案资讯 文章来源: 北京启点网络 文章作者: 北京SEO顾问 时间: 2018-04-21 18:55:21浏览热度:


[导读]:

想知道从哪里开始页面速度的改进?如何在没有(很多)开发人员的输入的情况下在多个WordPress站点上解决页面速度的提升问题。

北京SEO

  SEO随着谷歌继续关注最近算法更新中的用户体验和参与度量指标,营销人员更关注其网站的速度变得更加重要。网页速度长期以来一直是桌面搜索结果的排名因素,并可能很快影响手机排名。

  但是,提高加载时间的好处远远超出了对搜索引擎优化和站点有机排名的影响。考虑最近的Google数据,该数据显示,如果移动网站的加载时间超过3秒,则会放弃 “ 53%的访问次数 ”,或者“对于移动网页加载的每秒延迟,转换次数可能会下降20%。”

  那么,你如何真正加快你的网站?对于许多非技术性营销商来说,试图找出如何提高页面速度可能是一项艰巨的任务。你真的应该拉哪个杠杆来产生结果?您如何获得在您的网站上实施的更改?

  我不是开发人员。我的公司拥有并运营了许多基于WordPress构建的不同(相对简单)的发布网站。我着手努力改进这些网站的加载时间, 而不需要任何开发人员的干预,以查看任何人(甚至我)可以做出的一些简单调整会带来什么样的影响。在这篇文章中,我将详细介绍每项优化,说明对我们网站的影响,并分享有关加载时间,Google Speed分数等等的实际数据。

  我将在稍后的帖子中回顾以下三点:

  正如我所说的,这些都是使用WordPress构建的相当简单的网站,所以这里的插件和解决方案都是针对WordPress的。

  建立在具有不同功能的不同平台(例如,电子商务网站,更复杂的发布网站)上的更复杂的网站将具有许多额外的,更复杂的关注点,并且也将对这些策略做出不同于我们网站的反应。

  当谈到页面速度时,不要让完美成为好的敌人; 开发者可能会告诉你,为了达到纯粹的“最佳实践”页面加载时间,你需要重新设计你的网站(目前这可能不适合你的公司)。虽然情况可能如此,但您可以实施以下概述的一些策略组合,以帮助提高页面速度。帮助开发人员关注正确的指标(我们将在下面概述)并努力改进。

  所有这些说,这篇文章(并理解一些可用于提高页面速度的基本杠杆)应该有助于您更好地理解在您的网站上提高速度的潜力。

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

  就像许多SEO开始时一样,我根据Google的免费PageSpeed Insights工具建议,专注于页面加速。它直接来自谷歌,提供了非常容易理解的指标(一个等级,就像学校一样!),并为加快页面加载时间提供了有用的建议。

  该工具绝对有帮助,但是当您深入了解页面速度时,您可能会认识到:

  评分可能有点不可靠。有时你会加快你的网页加载速度,你的分数会下降。有时候你什么都不做,分数会有所变化。请记住,这里的圣杯是为了加速您的访问者的网站,所以不要只为考试而学习!

  搜索引擎土地贡献者丹尼尔克里斯托指出,谷歌Chrome浏览器的加载时间与搜索结果中的其他网站相比,似乎并没有将这个分数用作排名信号。

  相对于您的SERP竞争对手而言,您的速度超过您的速度是非常重要的; 如果你有一个简单的B2B网站,你可以看看一个成功的电子商务网站,并说:“他们的网站比我们的速度慢,做的太棒了!我们应该没问题!“但现实是,那不是你与谁竞争。您希望网站的速度尽可能快,因此您应该将其与您网站最重要搜索结果中排名最高的网站进行比较。

  因此,如果我们不将Google的PageSpeed Insight工具分数用作我们优化工作的全部和最终用户,我们应该关注哪些指标?

  Search Engine Land专栏作家Chris Liversidge在他关于不同页面速度事件的出色文章中进一步详细阐述了这一点,但我的重点在于:

  到第一个字节(TTFB)的时间 - 在请求发送请求后多快,您的服务器和/或CDN(我们稍后会介绍)发送第一个字节的数据。

  关键的渲染路径/开始渲染 - 基本上,当你的“折叠之上”的内容被渲染。

  整页渲染 - 整个页面加载时。

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

  所以这些是我们的指标。但是,我们如何知道我们的网页是否缓慢?

  页面速度测量工具

  首先,我们需要一个工具来衡量它们。幸运的是,有很多用于这些目的的免费工具。我使用了网页测试,这很简单。以下是搜索引擎大陆的结果,这对于这样的可视主页和大型复杂的发布网站来说非常有用:

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

  Pingdom的免费工具

  GT Metrix

  关键CDN的免费工具

  Varvy的工具

  和别的。为了我们的目的,我将使用网页测试中的数据。

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

  再一次地,页面加载时间将从小生境到小生境以及SERP到SERP显着变化,所以我们最初的目标应该是“变得更好”。也就是说,让我们看一下围绕这些事件的目标时间的一些最佳实践指南:

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

  开始渲染 - 最好在1秒以内,至少保持在2秒以内。

  全页面渲染 - 最好在3秒以内,至少保持在5秒以内。(谷歌的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”移动到“Optimizations Found”列中:

 

  影响是什么?

 

  正如你所看到的,大部分页面都有所改进,有些看到了20%以上的升级。但在某些情况下,百分比变化很小,甚至更糟。从测试到测试有一些差异,但是您看到的是虽然这些改进通常会提高页面速度,但它们的影响程度各不相同,并且取决于网站。

  请注意:这是插件的免费版本,在理想设置下具有“最佳猜测”。在更改您网站的代码时要小心,正如我将在后面提到的那样,这是您可能希望向开发人员寻求指导的特定领域。

  第3步:浏览器缓存

  接下来,我们想要利用浏览器缓存。通常,您可以使用WP超级缓存或WP Rocket这样的WordPress插件来实现此目的,但是这些网站托管在WP引擎上,这与一些插件存在一些兼容性问题。所以,我们只是启用了WP Engine对象缓存:

 

  影响是什么?

 

  正如您所看到的,这比我们的代码清理工作产生了更大的影响,对于其中两个站点,我们看到戏剧性的性能提高了20%到30%,只有两个页面在开始渲染时间方面呈现上升趋势。

  步骤4:实施CDN

  再次,WP引擎有它自己的CDN选项,所以我们启用了它,这在WP引擎中也是一个非常简单的过程:

 

  影响是什么?

 

  这是我们实际看到性能明显下降的第一次实施。有几件事要注意:

  实施CDN是为了提高该国不同地区的用户的页面速度,因此从理论上讲,其对全球不同地区的不同测试案例的(正面)影响应该更大。

  再次,这只是针对少数网站的一项测试 - 其他人已经测试了WP Engine CDN并看到了更好的结果,因此您的里程可能会有所不同。

  这里重要的一点是,再一次地,并不是每个优化都会对每个站点产生同样的影响,有时候,一些努力只会产生很小的影响或者没有实际的影响。

  第5步:图像优化

  最后,我们致力于在每个网站上压缩和调整图像大小。在某些情况下,网站上的图像已经被压缩了,最大的罪魁祸首是(正如你将会看到的)网站4的主页。我发现,在忽视它的网站上,图像优化通常是最快,最简单和影响最快的页面速度取胜。

  为此,我们使用了名为Optimus的图像压缩插件。我们还“手动”压缩并调整了页面上的每个图像的大小,以确保压缩不会影响质量,并且文件越小越好:  有许多WordPress的图像优化插件,包括但不限于:

  擎天柱

  WP Smush

  EWWW图像压缩

  短像素图像压缩

  每当您使用这些插件时,如果您将它们应用于媒体库中的所有现有图像,则必须认识到网站某处存在潜在的图像质量/渲染问题。(经过一些来自页面速度优势的额外测试/建议 - 更多关于下面的内容 - 我们实际上已转换到Short Pixel。)

  在上传它们之前,还有许多可用于压缩单个图像的工具,其中包括:

  Optimizilla

  Compressor.io

  微小的PNG

  还有很多其他的。

  影响是什么?  正如您从几个主页中可以看到的,压缩图像可能会导致一些最大的页面加载胜利。最重要的是,压缩图像和替换未压缩的版本是一项您通常不需要任何开发帮助的任务。

  不过,改善的程度取决于网站。图像已经被压缩和调整大小(或恰好变小)的站点显然看不到从这个特定步骤获得的收益。

  那么,我们努力的累积影响是什么?
  正如你所看到的,这里的结果因网站而异。但通过执行这些步骤,我们已经削减了加载时间多达2秒的时间,并且几乎在每种情况下,我们都提高了访问者看到我们以前的内容的速度。

  但是,一些加载时间实际上对我们所有的努力来说都更糟糕,似乎对于一个简单的站点,我们应该能够击败很多这些加载时间。那么,你还能做什么?

  北京SEO在从我的一些业余DIY工作中获得显着收益后,我决定继续并聘请专门从事页面速度优化的开发人员。我们的专家进一步缩短了加载时间。具体来说,他们:

  删除或替换我的WordPress配置中的插件,他们认为这会降低网站的速度。

  调整了我已经安装的速度优化插件的代码,服务器配置和配置。

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

  如果您有内部开发资源,请告知您的目标(减少页面加载时间和用户看到的重要的速度,以及不必要的元素),并在必要时分享资源以确保他们了解加速的最佳实践建立一个网站。


标题:非开发人员的指南,以减少WordPress的加载时间长达2秒(数据)
地址:http://www.seozoe.com/news/jczs/203.html _北京SEO
声明:非特殊说明,本文为本站原创(翻译)文章,转载请注明:本文转自:北京SEO启点网络_启点


请您留下您的小脚印:

服务支持

我们珍惜您每一次在线询盘,有问必答,用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!

合作流程

合作流程

网站制作流程从提出需求到网站制作报价,再到网页制作,每一步都是规范和专业的。

常见问题

常见问题

提供什么是网站定制?你们的报价如何?等网站建设常见问题。

常见问题

售后保障

网站制作不难,难的是一如既往的热情服务及技术支持。我们知道:做网站就是做服务,就是做售后。