在Google PageSpeed Insights上获得满分

Google PageSpeed Insights
当谈到建立一个转化率和搜索引擎优化的网站,速度是至关重要的。如果你没有一个快速的网站,人们会反弹的速度比你说的“转换”。然而,加速你的网站不是一件容易的事。你的问题可能是任何东西,从写得不好的代码到图像或大页面元素。

你需要尽快解决这些问题,因为如果你不这样做,谷歌会毁了你的网站。网站加载越快,跳出率越低。如果你的网站是快速的,你有更好的机会在谷歌排名慢网站驱动高反弹率。值得庆幸的是,谷歌提供了PageSpeed Insights工具来找出你需要解决的问题。不幸的是,他们没有给你最好的指示,让你的分数达到100%。下面是如何在Google的PageSpeed Insights上获得100%的完美分数,以及为什么你需要完成这一壮举。

为什么页面速度很重要

页面速度是网站排名的关键因素 在谷歌的搜索引擎结果中排名更高。如果你的网站没有达到前10名的有机网页水平,你就不会在第一页排名。因此,专注于页面速度是至关重要的,有一个成功的公司和网站,转换。Backlinko最近进行了一项研究,他们分析了谷歌上超过1100万个搜索引擎结果页面(serp)。他们想弄清楚在排名前十的网站中,哪些因素是最常见的。令人惊讶的是,他们发现页面速度和排名似乎并不相关。但是,站点在第一页上的平均加载时间是1.65秒,这相当快。

page speed insights report
不过,谷歌表示,页面速度确实很重要。甚至有一个完整的更新。这种联系得到了谷歌新的PageSpeed行业基准的支持。他们发现,随着页面加载时间的增加,有人从你的网站跳出的几率会急剧增加:

google page speed
这意味着,如果你的页面需要10秒的时间来加载,那么有人在加载之前离开你的网站的可能性会增加120%以上!
但根据最近一项对超过500万个网站的研究,平均每个网站在桌面上完全加载需要10.3秒,在手机上加载需要27.3秒。

这意味着我们几乎所有人在拥有一个快速运行的网站时都忽略了这一点。在另一项研究中,BigCommerce发现电子商务网站的转化率平均在1%到2%之间。预兆发现页面速度可以大幅提高转换率。

在Google PageSpeed Insights上获得满分
将车速控制在2秒以下可以增加流量和收入。那么,是什么导致页面加载缓慢呢?造成页面速度慢的最常见原因是笨重的图像和糟糕的编码设计。如果你看看现代的任何一个网站,它很可能会被图片填满。如果你不优化你的图像,你可能会有页面占用多兆的空间。页面大小和权重通常由页面权重字节来衡量。简单地说,pageweightbytes以字节为单位显示网页的总大小。谷歌的基准数据显示,页面大小或权重的最佳做法是500KB以下:

pasted image 0 261
不过,我们大多数人都没有注意到这一点。我们的体重大大超过了推荐的标准。谷歌报告中最引人注目的一个概念来自于这句简短而有影响力的话:“不管怎样,越快越好,越少越好。”不管你的网站做得有多好,你很有可能有很大的改进空间。

如何使用PageSpeed Insights工具

大多数网站运行缓慢,因为大型图像占用太多空间。但并非每个网站都是这样。
在PageSpeed Insights工具上进行必要的更改以获得100%的分数之前,您需要确切地知道是什么导致了您的网站速度缓慢。要开始,请打开PageSpeed Insights工具,并在工具栏中输入您的网站URL:

pagespeed insight tool
点击“分析”让谷歌在你的网站上运行一个快速测试。完成的报告将告诉你所有你需要知道的关于你的网站和什么可能会阻碍它的性能。我的报告是这样的:

page speed insights report
是87/100。不是很好。不过,也不可怕。几乎总是有改进的余地。我的目标是让您在本文结束时达到100%,我们一起以页面速度完成这段旅程。首先,让我们看看我优化和完善的项目:

page speed insih
现在,请注意,与我的“可能的优化”列表相比,这个列表上只有几个项目:

page speed insight optimizations
这个信息告诉我,“可能的优化”的项目比我已经优化的项目影响小一些。显然,你需要照顾每一个元素,以达到100%的页面速度洞察工具。您将希望从最优先的项目开始(稍后将详细介绍)。接下来,我们要分别测试我们的移动站点。你可以在PageSpeed Insights工具上使用mobile site tester,但是Google发布了一个更新的,更准确的版本。去测试我的网站 尝试一下。输入您的网站网址并点击回车键:

mobile site speed test
谷歌将花几分钟时间来运行这份报告,但它会让你详细了解你的移动网站与行业标准相比的表现。它甚至会告诉你,由于页面速度降低,你可能会失去多少访问者。以下是我的数据:

mobile site speed test report
我在手机上的加载时间是4秒。记住:建议的加载时间为3秒或更短。这意味着我的速度没有达到行业标准。正因为如此,我失去了高达10%的访客仅仅是因为糟糕的速度表现!以下是我的移动测试与行业标准相比的结果:

page speed industry comparison
虽然仍然在最佳表现部分,我不是我应该在那里,如果我想最大限度地提高我的网站的有效性或推动更多的流量和转换。进一步向下滚动,谷歌会给你一个估计,你的顶级补丁可以为你的网站做什么:

page speed insights how to improve speed
谷歌说,通过一些修复,我可以减少我的加载时间约3秒。这意味着我有可能让我的网站加载在一秒钟标记!
太神奇了。相信我,为了节省10%或更多的访客,这是你需要做的事情。通过此移动站点测试运行您的网站,以获取有关您的网站所需修复的数据。在下一节中,我将指导您解决页面速度问题,以帮助您在PageSpeed Insights工具上获得100%的分数。

获得完美PageSpeed Insights分数的4种方法

要在Google的PageSpeed Insights工具上获得100%的完美体验绝非易事。这也不会一夜之间发生。你得做些腿部工作,花几个小时在磨刀石上。但如果你想节省流量,推动更多的转换,并带来更多的收入,你需要 去做吧。这可能是乏味和令人厌烦的,但你需要这些转换。你不能偷懒,冒险把流量和利润放在桌面上。以下是四大方法,你可以加快你的网站和得分完美的100%与谷歌。

1.压缩图像

造成页面速度慢和分数低的最大原因是图像太大。当我在自己的网站上修复这个问题时,我发现它对速度有很大的影响。固定图像大小的最佳技术之一是压缩。通过使用简单的压缩工具,您可以平均节省50%或更多的图像大小。
如果你使用WordPress,最好的方法之一就是使用一个插件,比如WP Smush Image。

how to improve page insight speed using smush image
WP Smush免费提供了很多很棒的功能。您可以通过添加插件自动涂抹图像。它将扫描WordPress上的媒体库,并检测可压缩的图像:

improve page speed insights score wp smush
如果你想批量为你的站点添加大量的新图片,你可以直接上传到插件中。一次最多可以涂抹50张图像,使其成为市场上速度最快的工具之一:

bulk smushing google pagespeed insights tool example
如果您指向此插件的设置,您可以打开该设置,以便在上载时自动涂抹图像。

bulk smushing google pagespeed insights automatic

如果启用此设置,您就再也不用担心压缩问题了。如果你压缩了网站上所有现有的图片,那么你就不必每次上传的时候都担心了。

WP Smush是一个优秀的,免费的工具,为每天的WordPress用户。但是,如果你不使用WordPress,你会怎么做?如果您运行基于Shopify的商店和网站,则可以使用Crush.pics:

page speed insights crush pics shopify tool
Crush.pics表示,使用他们的工具,PageSpeed Insights的得分有望大幅提升:压缩前PageSpeed得分:75/100。压缩后PageSpeed得分:87/100。如果你不熟悉插件或者不喜欢在你的网站上使用它们,你可以在线使用免费工具,比如Compress-JPEG或者Optimizilla。两者都是快速,免费的工具,允许您压缩多达20个图像在一个单一的上传。查看这个示例图像 我将其压缩,让您了解这些程序的影响力:

pagespeed insights optimize image example
我使用Optimizilla在两秒钟内将文件大小减少了68%。它将大小从380KB减少到120KB,几乎没有质量差异!
你可以免费使用所有这些工具,如果你不能使用插件的话,你一定要实现它们。

2.使用浏览器缓存

浏览器缓存的工作原理是“记住”以前加载的资源,这样就不必在每次访问时都重新加载它们。当网站访问者浏览到您网站上的新页面时,您的所有数据(如徽标和页脚)都不需要再次加载。

百度搜索“错误博客”即可找到本站,微信搜索“cuowucom”关注错误博客公众号。错误博客( cuowu.com )欢迎用户投稿,发布者:用户投稿,文章版权归作者所有,投稿文章不代表错误博客立场,中二少年发布为错误博客原创文章,转载请注明出处:https://cuowu.com/2592.html