回到主页

揭开SEO的秘密:介绍网站速度的终极指南

速度对用户和SEO都很重要:没有人愿意等待几秒钟才能加载一个网站。用户宁愿离开你的网站,去竞争对手那里,也不愿花时间等待。“时间就是金钱”这句话现在和本杰明·富兰克林几个世纪前说的一样正确。时间对谷歌也很重要。速度是谷歌排名的因素之一。在所有条件相同的情况下,网站速度越快,排名就越高。没有人会争辩说现在拥有一个快速的网站并不是必要的。问题是:如何使你的网站更快?我们的客座作者揭开SEO的秘密是TomekRudzki,Elephate的研发团队负责人,2018年欧洲搜索奖“最佳小SEO代理”的获奖者。鲁兹提供关于加速你的网站和获胜的建议。

1.时间就是金钱。

有大量的研究指出,一个更快的网站等于更多的收入。

  • 减少感知的等待时间会导致注册次数增加15%。.
  • BBC注意到,每增加一秒钟,就会有10%的用户离开。
  • Google的DoubleClick调查发现,将页面负载从19(极限!)减少到5秒会导致35%的回弹率降低,70%的会话时间延长。
  • 亚马逊的研究显示,网站访问量的下降仅仅一秒,每年就会导致16亿的销售额下降。

你可能会说,“好吧,但我不在乎Pinterest,BBC或者Amazon,跟我谈谈我的生意。“Google创建了一个计算速度对潜在收入的影响的好工具。我用示例数据填充了该工具:月平均游客100万人次,转化率3.26%,平均订货量82美元。

你可能会问,“Tomek,你为什么选择这个数据:3.26转换率,但不是1%或4%,甚至10%?”好的,我从Statista那里得到了数据。根据他们报告, the average value of online shopping orders in the United States in the 4th quarter of 2017 (in U.S. dollars) was 82. What’s more, the average conversion rate was 3.26.

看起来,将页面加载速度从5s降低到2.8s,每年可能会增加197万美元的收入。听起来不错!

当然,这只是个计算器。但是计算器是基于真实数据的。我不认为Google在计算值的末尾加了几个0来使它看起来很严肃。

2.总是想着移动用户

统计数据显示,2018年2月,超过55%的用户通过移动或平板电脑连接互联网-令人印象深刻的数据!

现在,如果你想让你的移动用户满意,你应该:

  • 确保你的网站在手机上正常工作(也就是说,如果它是响应的话)
  • 让网站变得更快。

你必须记住,移动用户往往连接不良和使用低端设备,所以每一千字节发送的“电线”真的很重要。你的网站在一台个人电脑上可能工作得很快,有很多额外的东西,但是在移动设备上它可能真的很慢。你得到前者的几率不再对你有利。

3.使用GTMetrix

有一个很好的工具,告诉你什么可以改进,以使你的网站更快。您可以免费审核任何网站。你不必成为网站所有者就可以开始审计(即我审计了Giphy.com)。该工具结合了来自GooglePageSpeedInsight和YahooSlow的数据和提示。

您可以看到关于如何通过单击“页面速度”或“YSlow”选项卡来提高网站速度的建议列表。

目前,这些选项卡上的许多信息可能无法理解,因为它太技术性了。那就好了。罗马不是一天就建成的我会尽力让你开始的。有一个有趣的部分叫做“瀑布”,它显示了资源(JS&CSS文件、图像文件)下载和加载的确切时间。

我强烈建议您获得一个GTMetrix帐户(它是免费的!)注册用户可以自定义测试并更改浏览器和服务器位置。更重要的是,一旦您登录,您可以启用“创建视频”选项。视频选项很棒。它显示用户需要等待多久,直到他们可以看到您的网站上的视觉变化。

但别跟GTMetrix疯了

虽然GTMetrix是一个很好的工具,但有时它的建议会让你大惊小怪。GTMetrix没有什么问题。只是在优化速度时没有“一刀切”的规则,GTMetrix很清楚:

例如,GTMetrix建议您为存储在GoogleAnalytics或Facebook服务器上的资源设置浏览器缓存。说实话,这些资源是你无法控制的-你什么也做不了。谷歌和Facebook的开发者决定,不管出于什么原因,这些资源不应该被长期缓存。

当然,有许多类似于GTMetrix的工具,比如WebPagetest(它比GTMetrix强大得多)。然而,我决定向您介绍GTMetrix有两个原因:

  1. gtmetrix更便于用户使用。
  2. WebPagetest没有给出明确的建议。

我想提到另一个有趣的工具-谷歌灯塔(如果你使用Chrome,你已经安装它)。Elephate的Kamila Spodymek写了一篇关于SEO如何从Google灯塔的性能指标中获益。绝对是个不错的读物!

4.使用GZIP压缩

有一条规则你应该知道:如果资源重量较少,浏览器可以更快地下载它,这将导致更快的页面加载。。您的移动用户将真正受益于它。

通过实现GZIP压缩,您可以缩小文本文件的大小(如HTML、SVG、CSS和JS)。GZIP压缩节省了资源大小的70-80%,而不丢失任何信息,这是非常普遍的。这真的是件大事!

参观,拜访要检查通过实现GZIP可以保存多少KB(或已经保存了多少KB!)。在SearchMetris.com中,启用了GZIP(允许节省83%的页面大小)。听起来不错!

不过要小心!有时,网站管理员会犯错误,压缩所有静态文件,包括JPEG、PNG图像和PDF。让我引用Yahoo Developer网络文档“不应压缩图像和PDF文件,因为它们已经被压缩。试图将它们压缩不仅浪费CPU,而且可能会增加文件大小“。

如果您想要保存更多的千字节,也是一个好主意缩小HTML、JS和CSS文件.

5.提供缩放图像

这是一个事实,一个网站将加载非常缓慢(特别是在移动电话!),因为有大量的图像。

因此,有时减少图像的数量可能是个好主意。但是,与其限制它们,我建议优化现有的。也就是说,提供给用户的图像应该被缩放和压缩(要么是无损的,要么是有损的)。

首先,让我们讨论如何缩放图像。假设每页有10个220×220缩略图,但是您将800×800图片上传到服务器。您是应该向用户提供已缩放的图像,还是强制浏览器“动态”缩放?

答案很简单。如果您不缩放服务器端的图像,那么浏览器必须下载比所需的更多的千字节。毫无意义,因为图像无论如何都会被缩放。另外,它也是客户端GPU的额外工作。更不用说页面加载速度会受到影响。

6.压缩图像

现在,让我们来谈谈压缩图像。这是现代网络必须具备的另一种技术。

一般来说,有两种类型的图像压缩:

  • 无损(做得很好,你可以肯定质量不会受到影响)。
  • Lossy(通常使图像更轻量级,但是,正如其名称所言:您会失去一些质量)。

问题是:哪种类型的压缩更好:无损还是有损?

  • 这要视情况而定。如果你的网站提供了外层空间的图像,那么每一个细节都很重要。但是如果你做了一个个人博客,你可能会对有损压缩很好,即使是高压缩率。我建议你做实验,看看哪些设置最适合你的网站。
7.不要强迫你的移动访客下载全高清照片!

移动用户的屏幕要小得多,他们根本不会从你的高清照片中受益。相反,如果你强迫他们下载大图片,他们会生气的。

让我们研究一下Elephate.com。在我们的主页顶部(522 Kb),我们有一张相当大的照片(2600×1463像素)。

对于桌面电脑来说,这是完全没有问题的-他们可以非常快地下载它。但是,对于移动用户,我们使用HTML的“srcset”参数。由于实现了这一点,移动用户只需下载一张小得多的图片(他们不需要更大的图片),这将对页面加载时间产生积极的影响。

桌面用户不会受到影响,因为他们会看到完整的高清照片。但移动用户将真正从中受益。

所有文章
×

还剩一步!

确认邮件已发至你的邮箱。 请点击邮件中的确认链接,完成订阅。

好的