如何在Google PageSpeed Insights上获得100%的完美评分

如何在Google PageSpeed Insights上获得100%的完美评分

您刚为公司建立了一个新网站。

你花了几天时间在设计上工作,在生产周工作了无数小时的编辑。

但是有一个问题:您发现新的,漂亮的网站没有您需要的那么快。

在构建转换率和搜索引擎  优化网站时,速度是一个关键因素。

如果您没有快速网站,人们的反弹速度会比您说“转换”的速度快。

但加快您的网站并非易事。

通常很难诊断导致网站运行速度慢的原因。

您的问题可能是从代码写得不好的图像或大页面元素。

您需要快速诊断并解决这些问题。

如果你不这样做,Google会把你的网站搞定。

如果您通过Google的PageSpeed Insights运行您的网站 并找到100%的分数,那么您的网站速度很快。

谷歌为快速加载的网站提供优惠待遇。

您的网站加载速度越快,跳出率就越低。如果您的网站速度很快,那么您可以更有机会在速度较慢的网站上对Google进行排名。

值得庆幸的是,Google提供了这个免费工具来找出您需要修复的内容。

但不幸的是,他们没有给你最好的指示,让你的分数达到100%。

以下是如何在Google的PageSpeed Insights上获得完美的100%分数,以及为什么需要完成此专长。

为什么你应该关心页面速度

 在Google的搜索引擎结果中将网站排名更高时,网页速度是一个关键因素。

如果您的网站与前10个有机页面不相同,则您不会在第一页上排名。

绝大多数搜索引擎用户根本不会点击第二页。

前十大结果将产生大部分点击量,这已不是什么秘密。

因此,专注于页面速度对于拥有一个成功的公司和一个可转换的网站至关重要。

Backlinko最近进行了一项研究,他们 在Google上分析了超过一百万个搜索引擎结果页面(SERP)。

他们想弄清楚哪些因素在排名前10位的网站中最常见。

他们很快发现任何给定网站的平均页面加载速度是排名更高的一个重要因素:

如何在Google PageSpeed Insights上获得100%的完美评分

谷歌的排名靠前的位置都有相同的共同点:

在他们的网站上快速页面速度。

他们拥有经过精心优化的网站,他们的创作者已明确为速度而设计。

最重要的是,他们发现,与第二或第三页结果相比,排名靠前的网站的跳出率也非常低:

如何在Google PageSpeed Insights上获得100%的完美评分

快速网站和低跳出率之间存在很大的相关性。

这种关联最近得到了Google新的PageSpeed行业基准的支持和支持。

他们发现,随着页面加载时间的增加,某人从您的网站反弹的可能性会急剧增加:

如何在Google PageSpeed Insights上获得100%的完美评分

这意味着,如果您的页面需要10秒钟加载,那么有人在加载之前离开您网站的可能性会增加120%以上!

如果你回顾上面的Backlinko图表,它表明Google首页上排名靠前的网站的页面速度都不到3秒。

但根据谷歌的最新报告,大多数网站在每个行业都非常缓慢:

如何在Google PageSpeed Insights上获得100%的完美评分

大多数站点的平均加载时间超过8秒,甚至超过了技术行业的11秒。

同时,最佳实践基准测试不到  三秒钟。

拥有一个快速表现的网站,几乎所有人都错过了这个标志。

如果您希望在Google的第一页上排名,您的网站需要在三秒钟内加载。

Backlinko的研究证明,Google的基准测试可以进一步巩固数据。

在另一项研究中,BigCommerce发现  电子商务网站的转换率平均在1-2%的范围内。

Portent使用这项研究  进行自己的研究。他们发现,当您将网站的速度从两秒提高到一秒时,您的每页浏览量会增加100%。

如何在Google PageSpeed Insights上获得100%的完美评分

将您的速度提高到两秒以下可以使您的流量和收入翻倍。

那么,是什么导致页面加载缓慢?

慢页面最常见的原因是图像笨重,编码设计不佳。

如果你看一下现代时代的任何一个网站,它很可能会填满图像的转折点。

如果您没有优化图像,则可能会占用占用数兆字节空间的页面。

页面大小和重量通常以页面重量字节来衡量。简单地说,页面重量字节显示以字节为单位测量的网页总大小。

Google的基准数据显示,页面大小或重量的最佳做法不到500KB:

如何在Google PageSpeed Insights上获得100%的完美评分

但同样,我们大多数人都错过了这里的标记。我们大大超过了推荐的重量。

谷歌报告中最让我印象深刻的一个概念来自这个简短而有影响力的报价:

“无论如何,越快越好,越少越好。”

70%的页面超过1MB,36%超过2MB,12%超过4MB,该声明具有很大的重量(没有双关语)。

Google发现页面重量仅为1.49MB(相当于单个高清图像的平均大小),在页面上加载需要7秒钟。

在他们的研究中,他们甚至发现了一个网页,其图像平均每张图像16MB。

谷歌只是告诉我们艰难而充满希望的事实:

我们的网站上有很大的改进空间。

如何诊断您的桌面和移动网站

知道慢速网站杀死转换只是一个开始。

承认您的网站可能存在一些您无法在表面上看到的潜在问题,这是第一步。

由于占用太多空间的大图像,大多数网站将运行缓慢。

但对于每个网站来说并非总是如此。

在PageSpeed Insights工具上进行必要的更改以获得100%评分之前,您需要准确了解导致网站速度慢的原因。

要开始使用,请打开PageSpeed Insights工具,然后在栏中输入您的网站网址:

如何在Google PageSpeed Insights上获得100%的完美评分

点击“分析”让Google在您的网站上进行快速测试。

完成的报告将告诉您需要了解的有关您网站的所有信息以及可能阻碍其性能的内容。

这是我的报告的样子:

如何在Google PageSpeed Insights上获得100%的完美评分

这是一个87/100。

这不是很好。不过,这也不是很糟糕。

但你几乎总有改进的余地。我的目标是在本文结束时让您达到100%,因为我们将页面速度结合在一起。

首先,让我们看一下我优化和完善的项目:

如何在Google PageSpeed Insights上获得100%的完美评分

现在,请注意与我的“可能的优化”列表相比,此列表中只有几个项目:

如何在Google PageSpeed Insights上获得100%的完美评分

这些信息告诉我,“可能的优化”项目比我已经优化的项目影响要小一些。

但显然,你需要在Page Speed Insights工具上处理100%的每个元素。

您将要从优先级最高的项目开始(稍后将详细介绍)。

接下来,我们要分别测试我们的移动网站。

您可以在PageSpeed Insights工具上使用移动网站测试工具,但Google发布了更新,更准确的版本。

前往测试我的网站  试一试。输入您的网站网址并按Enter键:

如何在Google PageSpeed Insights上获得100%的完美评分

谷歌将花几分钟时间来运行此报告,但它会让您详细了解您的移动网站与行业标准相比的表现。

它甚至会告诉您由于页面速度较低而可能会丢失多少访问者。

这是我的数据:

如何在Google PageSpeed Insights上获得100%的完美评分

我在手机上的加载时间是4秒。

请记住:建议的加载时间为3秒或更短。

这意味着我的速度不符合行业标准。

由于这个原因,我只是因为速度不佳而失去了10%的访客!

以下是我将移动测试与行业标准进行比较时的样子:

如何在Google PageSpeed Insights上获得100%的完美评分

虽然我仍然处于表现最佳的部分,但如果我想最大限度地提高网站效率或增加流量和转化次数,我就不应该这样做。

向下滚动,谷歌将为您估算您的最佳修补程序可以为您的网站做些什么:

如何在Google PageSpeed Insights上获得100%的完美评分

谷歌说,通过一些修复,我可以减少大约三秒钟的加载时间。

这意味着我可能会让我的网站加载到一秒钟的标记!

棒极了。相信我,为了节省10%的访客或更多,这是你需要做的事情。

通过此移动网站测试运行您的网站,以获取您的网站所需修补程序的数据。

在下一节中,我将引导您解决前五个页面速度问题,这些问题可以帮助您在PageSpeed Insights工具上获得100%的分数。

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

在Google的PageSpeed Insights工具上获得完美的100%并非易事。

它也不会在一夜之间发生。你必须做一些腿部工作并在磨刀石上花几个小时。

但是,如果您想节省流量,增加转化次数并带来更多收入,则需  要这样做。

这可能是无聊,乏味和无聊,但你需要那些转换。你不能懒惰,冒险将交通和利润留在桌面上。

以下是您可以加快网站速度并使用Google获得100%完美评分的五大方法。

1.压缩图像

页面缓慢和分数低的最大原因是大图像。

当我在自己的网站上修复此问题时,我发现了对速度的巨大影响。

用于修复图像大小的顶级优化技术之一是压缩。

使用简单的压缩工具,您可以在图像大小上平均节省50%或更多。

如果您使用WordPress,在不花费太多时间的情况下执行此操作的最佳方法之一是使用插件。

我最喜欢的插件是WP Smush图像  压缩和优化:

如何在Google PageSpeed Insights上获得100%的完美评分

WP Smush免费提供大量精彩功能。

您可以通过添加插件自动刷新图像。它将扫描WordPress上的媒体库并检测它可以压缩的图像:

如何在Google PageSpeed Insights上获得100%的完美评分

如果您想批量浏览网站的大量新图像,可以将它们直接上传到插件中。

您可以一次最多拍摄50张图像,使其成为市场上最快的工具之一:

如何在Google PageSpeed Insights上获得100%的完美评分

如果您前往此插件的设置,您可以打开设置以在上传时自动清除图像。

如何在Google PageSpeed Insights上获得100%的完美评分

如果启用此设置,您将永远不必再担心压缩。如果您压缩网站上的所有现有图像,那么每次上传时都不必担心。

WP Smush是一款适用于日常WordPress用户的优秀免费工具。

但是,如果你不使用WordPress,你会怎么做?

好吧,有不同的网站有很多其他插件。例如,如果您运行基于Shopify的商店和站点,则可以使用Crush.pics

如何在Google PageSpeed Insights上获得100%的完美评分

Crush.pics说,你可以期待使用他们的工具大幅提升PageSpeed Insights分数:

“压缩前的PageSpeed得分:75/100。压缩后的PageSpeed得分:87/100“

为Shopify安装此免费插件,开始压缩图像并提高页面速度分数。

如果您不熟悉插件或不喜欢将它们用于您的网站,您可以在线使用免费工具,如Compress JPEGOptimizilla等。

两者都是快速,免费的工具,允许您在一次上传中压缩多达20个图像。

看看 我压缩的这个示例图像,让您了解这些程序的影响力:

如何在Google PageSpeed Insights上获得100%的完美评分

使用Optimizilla,我在两秒钟内将文件大小减少了68%。它将尺寸从380KB缩小到120KB,几乎没有质量差异!

你可以免费使用所有这些工具,如果你不能使用插件,你一定要实现它们。

2.使用浏览器缓存

浏览器缓存是另一种工具,它可以在页面速度方面相对较少的努力产生重大影响。

获取资源以加载您的网站需要花费大量精力。它需要加载每个图像和页面元素,然后处理繁重的HTML和编码。

每次有人加载您的网站时,此过程都必须重新进行。您的网站将花费太长时间来加载。

这就是浏览器缓存可以提供帮助的地方。

它的工作原理是“记住”以前加载的资源,这样它就不必在每次访问时重新加载它们。

当网站访问者访问您网站上的新页面时,您的所有数据(如徽标和页脚)都不需要再次加载。

当人们登陆您的网站时,这将导致速度大幅提升。

那么,你如何实现它?值得庆幸的是,它有一个插件。您无需成为编码专家即可。

尝试 为WordPress网站使用W3 Total Cache。它有超过一百万个活动安装,是市场上最流行的缓存插件:

如何在Google PageSpeed Insights上获得100%的完美评分

W3 Total Cache声称它可以为您提供至少  10倍的整体网站性能提升。

最重要的是,他们声称(并备份)此插件将帮助您在Google的PageSpeed工具上获得更高的结果。

该工具还可以帮助您缩小HTML(我们将深入研究下一步),JavaScript和CSS,为您节省高达80%的带宽。

立即尝试使用W3 Total Cache,即使您没有编码经验,也可以快速,轻松地提升您的网站速度。

3.缩小HTML

最大限度地减少HTML编码占用的空间是从Google获得完美分数的另一个重要因素。

缩小是删除或修复不必要或重复数据的过程,而不会影响浏览器处理HTML的方式。

它涉及修复代码,格式化,删除未使用的代码,以及尽可能缩短代码。

再一次,感谢WordPress的强大插件选项,你不需要成为一个编码天才来解决这个问题。

HTML Minify是实现这一目标的最佳工具之一:

如何在Google PageSpeed Insights上获得100%的完美评分

您可以直接从他们的网站免费下载此插件并将其安装到您的WordPress帐户。你可以在几秒钟内完成。

您也可以直接从此插件页面安装它。

如何在Google PageSpeed Insights上获得100%的完美评分

安装插件后,您只需要执行几个步骤,然后才能看到对您网站的即时影响。

如果你想提高速度,缩小你的剧本将是一个巨大的胜利。

转到Minify HTML插件上的设置选项卡,然后启用以下所有设置:

如何在Google PageSpeed Insights上获得100%的完美评分

你可以用一块石头有效杀死多只鸟。

Google的PageSpeed Insights建议您缩小HTML,JavaScript和CSS。

启用“缩小HTML”+“内联JavaScript”设置。

接下来,请务必为“删除HTML,JavaScript和CSS注释”选择“是”。

关于这个插件的好处是它会告诉你在每个设置下推荐的操作是什么。

如果您不熟悉这些设置的工作方式,请执行以下操作。

立即缩小您的编码,您应该立即看到您的见解报告。

4.实施AMP

AMP是Accelerated Mobile Pages的缩写。

这是Google实施的一个项目,旨在帮助移动网页加快速度。

它的工作原理是制作一种开源格式,消除大量不必要的内容,使您的移动页面几乎立即加载。

它为用户提供了更加流线型的  移动体验,而且没有任何在移动设备上无法正常工作的笨重功能。

如果您在手机上浏览互联网,则可能已经点击了基于AMP的文章。

这是他们的样子:

如何在Google PageSpeed Insights上获得100%的完美评分

他们经常被降级到谷歌搜索结果的“热门故事”部分,他们会立即加载。

它们没有太多格式,这有助于它们快速加载并提供移动用户想要查看的内容。

当Google上的搜索者点击其中一篇AMP文章时,他们会看到如下内容:

如何在Google PageSpeed Insights上获得100%的完美评分

它是真实网站的简化版本,允许用户在不离开网页和点击下一页的情况下在不同故事之间滚动。

例如,您只需向左或向右滑动  即可阅读序列中的下一篇文章:

如何在Google PageSpeed Insights上获得100%的完美评分

此功能简化了移动设备上的用户体验。

您必须等待10秒才能加载网站的日子已经一去不复返了,然后再次点击返回搜索结果页面,再等待10秒钟以便加载下一个网站。

在这里,您可以访问多篇文章的内容,而无需单击后退按钮一次。

它在加速您的网站和减少某人离开的可能性方面非常有效。

大量公司正在利用AMP。

WIRED公司 开始实施AMP  以更好地接触客户。

如何在Google PageSpeed Insights上获得100%的完美评分

他们发现他们的移动用户体验太慢了。由于速度问题和访问者保留问题,转换根本就没有发生。

决定将时间投入AMP对WIRED产生了巨大影响。

他们将自然搜索结果的点击率提高了25%。

他们发现AMP故事中广告的点击率提高了63%。

他们还能够在他们的网站上为超过10万篇文章添加AMP故事。

Gizmodo  也加入了AMP列车,并 在他们的移动网站上看到了巨大的改进

如何在Google PageSpeed Insights上获得100%的完美评分

他们每天获得超过10万次AMP页面访问,加载时间比标准移动页面快3倍。

转化次数也增加了50%。

可以肯定地说,AMP可以显着提高转换率和移动速度,让您有机会在Google的PageSpeed Insights上获得更高的分数。

如果您想在自己的网站上开始使用AMP,可以通过以下几种方式进行操作。

如果您熟悉HTML,可以在此处按照AMP的详细教程进行操作。

对于技术较少或没有HTML经验的人,请尝试使用WordPress插件。

最受欢迎的插件之一是AMP for WP

如何在Google PageSpeed Insights上获得100%的完美评分

它有超过80,000个活动安装,并不断提供支持和更新。

该插件包含一个AMP页面构建器,您可以轻松地将页面元素拖放到:

如何在Google PageSpeed Insights上获得100%的完美评分

这是创建AMP友好内容的最简单方法之一。

您所要做的就是在WordPress仪表板上下载并安装插件并激活它。

从那里,您可以在上传的每个新帖子上使用页面构建器。

然后,这些页面将创建一个AMP友好版本,该版本将显示在移动搜索结果中。

AMP是一种加速移动网站的成熟方式。

它可以帮助您将速度降低到一秒以下,并且大量公司正在寻求成功。

结论

当你花费无数天,几周和几个月建立一个新网站时,你希望它是完美的。

每个图像,元素和图标都需要是一流的。

但这通常会让您的网站速度低于Google设定的最佳做法。

当涉及到在您的网站上推动转化时,速度将始终发挥重要作用。

当用户点击返回Google并选择下一个结果时,他们不想等待您的网站加载10秒钟。

而谷歌则致力于提供良好的用户体验。因此,如果您的网站速度太慢,并且Google看到人们反弹,他们就会让您陷入SERP。

在Google的PageSpeed Insights上获得100%的分数至关重要。或者尽可能接近那个完美的分数。

在尝试完善和优化您的网站时,这应该是您的主要优先事项之一。

首先,您首先需要诊断困扰您网站的问题。

它是图像,页面元素,太多文本,错误的编码,还是以上所有?

使用Google PageSpeed Insights工具确定您接下来的步骤。

通常,图像将成为您工作的主要部分。

首先使用插件或网站图像压缩器压缩和优化图像。

接下来,使用插件来利用浏览器缓存。您可以找到帮助您的网站加载更快并使用更少的基于服务器的请求的插件。

然后,考虑缩小编码。此步骤将帮助您删除任何不必要的编码,从而减慢您的网站速度。

最后,尝试实施AMP以使您的页面即时加载。

这些经过验证的工具对无数公司的网站产生了重大影响。

在Google的PageSpeed Insights上获得100%的完美评分可以为您的网站带来成功所需的提升。

您发现提高网站速度的最佳方法是什么?

Leave a Reply

Your email address will not be published. Required fields are marked *