Google PageSpeed Insights:如何达到最高分并获得更多结果?

已发表: 2021-07-12

什么更好:快速做某事还是做得好?

这个问题会在任何一轮对话中引起有趣的讨论。 尽管如此,本文的重点是表明它们在许多情况下是相同的,尤其是在涉及网站、博客和应用程序的用户体验时。

页面的加载速度决定了一切。 在对搜索结果中的页面进行排名时,Google 非常重视这个因素,这并非巧合。

即使您的网站具有适合您的角色的理想设计,并且您已经查看了超过一千次的内容以确保它足够清晰和直接,但如果您没有轻量级、快速的页面,您的策略也会受到影响。

幸运的是,Google 创建了一个名为Google PageSpeed Insights的工具,它可以帮助您评估(和提高)网站的加载速度

让我们详细了解此功能的工作原理以及为什么您需要立即开始使用它来提高您的网站速度。

在本文中,您将了解到:

    什么是 Google PageSpeed Insights?

    PageSpeed Insights,也称为 PSI,是一种在线谷歌工具,用于评估网页的加载速度。

    Google Pagespeed 洞察第一页

    评估移动设备上的性能得分与台式机上的性能分开并为优化页面速度提供实用建议。

    这使 PSI 成为一种直观且易于使用的解决方案,更不用说它是免费的。 但有些人认为这并不重要。

    为提供这些见解而收集的所有数据都是通过 Chrome 用户体验报告收集的,其中包含有关 Chrome 用户在现实世界中使用公共网络的信息。

    了解是什么促使 Google 创建这样的功能可以帮助您进行不同的思考。

    是什么激发了像 Google PageSpeed Insights 这样的服务?

    您可能已经听腻了两个小词——用户体验——总结了谷歌在捍卫和鼓励创建更快、更轻的页面方面所做的工作。

    没有人喜欢等待太久才能在浏览器中找到他们想要的信息。 想想您自己的经历:有多少次您在等待手机甚至计算机上加载页面时不耐烦?

    如果你停下来想一想,你会发现大多数情况下,这种大的“延迟”只是几秒钟的事情。 因此,如果 1 秒对用户来说似乎是一周,那么慢速网站会对导航体验产生负面影响

    谷歌不想要这个,你也不想要。 毕竟,糟糕的经历会转化为更少的钱。

    事实上,最近一次谷歌移动页面速度行业基准表明,大多数网站都远非完美。 它正在发生在所有行业。

    这是谷歌向公众提供这些指标的一个很好的理由,所以每个人都可以看到有很大的改进空间。

    加载时间过长的页面会怎样?

    一个网站的加载时间比平均时间长 1 秒,这有什么不同吗? 绝对地!

    想看证明? Kissmetrics 对此主题的一项研究表明,延迟 1 秒会导致网站上的转化次数减少 7%。

    举个例子,如果电子商务一天的销售额为 10 万美元,加载页面仅多1 秒就可能导致每年损失高达 250 万美元的销售额

    听起来很荒谬? 查看页面加载时间影响您的运营和销售结果的几种方式。

    较高的辍学率

    上面提到的同一个 Kissmetrics 调查表明,在线购物者的行为会根据他们所在商店的速度发生很大变化。

    研究表明,不少于40% 的客户离开加载时间超过 3 秒的网站。 你知道那是什么意思吗?

    如果您的电子商务需要 3.5 秒才能加载,那么您可能会浪费几乎一半的流量潜力并损失大量销售额。

    更少的转化

    满意的客户购买两次、三次或十次。 事实是,如果您的客户不喜欢购物体验,他们就不太可能回来。 页面的加载时间对此有何影响?

    延迟 1 秒(或等待 3 秒)会使客户满意度降低 16%!

    作为对这种洞察力的补充,这是一个很好的警告,因为 79% 的客户表示对网站的感知性能不满意,不会再次在该网站上购物。

    降低自然流量

    流量是商业关系的源头。 没有它,就没有购买。 自然流量更加宝贵,因为它是自然而然的,而且获得的成本比投资广告要低。

    如果您认为,至少在这一点上,网站速度不会成为问题,那您就错了。 Kissmetrics 还显示, 44% 的买家将负面的在线体验告诉他们的朋友

    就像“口耳相传”可以极大地帮助获得合格的自然流量一样,反之亦然:您可能会因为在角色眼中造成不良声誉而失去访问量。

    在 Backlinko 最近的一项研究中,他们发现页面速度会对 SERP 排名产生重大影响。 看看下面的视频,他们展示了研究结果。

    你知道这里提供的所有数据清楚地表明了什么吗?

    看似微不足道的一小部分时间实际上对您的公司将如何看待以及它将实现的财务结果产生重大影响。

    换句话说,在网上开展业务时,时间就是金钱,这确实令人震惊。

    下载免费信息图以了解速度如何影响您的网站

    Google PageSpeed Insights 分数如何运作?

    当您在 PSI 中键入 URL 时,您的站点收到的分数不是随机的,也不是随机的。 您需要充分了解分析过程,才能使其准确可靠。

    那么在确定每个网页应该获得哪个评级时,Google 使用什么标准?

    基本上,PageSpeed Insights 做两件事:

    • 分析页面的加载时间以及它拥有多少资源(插件、与服务器通信更频繁并使页面加载时间更长的代码脚本等);
    • 将此数据与分析的所有页面的平均值进行比较。

    在比较之后,PSI 制作了一份简单但客观的报告,其中显示:

    • 网页的平均加载时间是多少;
    • 您的页面加载时间是多少;
    • 他们的最终页面速度得分;
    • 优化加载时间的方法建议。
    实验室数据谷歌页面速度见解

    评分是如何进行的? 它从 0 到 100,在算法将页面与最佳实践(由 Google 自己创建)进行比较以优化性能得分时定义。

    最后,根据有多少改进和优化的空间给出等级,即您还需要申请多少推荐积分。

    在编号分数旁边,有一个文本排名,如下所示:

    • 好:80 分以上;
    • 平均:得分在 60 到 79 之间;
    • 差:得分从 0 到 59。

    如果您对如何使用和分析这些数字有任何具体问题,Google 在 Stack Overflow 上提供了一个频道,供用户解决他们的疑问。

    如何使用 Google PageSpeed Insights 报告?

    使用 PSI 报告非常容易。 正如我们所解释的,只需访问 PageSpeed Insights 链接并输入您的 URL 即可查看结果。

    但是然后呢? 您需要迅速采取行动来修复错误并获得更好的结果。 在建议的正下方,有带有“显示如何修复”字样的链接。

    单击它们后,您将看到哪些文件使页面变慢,以及如何处理它们以减少服务器响应所需的时间。

    诊断谷歌页面速度见解

    接受诊断既简单又快捷,但只有在您准备好进行“治疗”并一劳永逸地优化您的网站时才这样做。

    为什么在 PageSpeed Insights 上获得好分数很重要?

    首先,PageSpeed Insights 的良好评级意味着网站具有令人满意的 SEO 配置。

    那是因为,就像 Mobile Friendly 和 Mobile First 一样,智能手机的加载速度是近年来 Google 自己评论最多的标准之一。

    但好处更进一步! 具有灵活页面的站点对用户体验有显着贡献,这意味着较低的跳出率、更长的访问者在页面上的时间、增加的流量和潜在客户数量的增长

    但是,在电子商务中,这种影响更为关键,因为该指标直接影响销售和转化率以及购物车退出的数量。

    2012 年,QuBit 的一项调查已经表明,仅因为这个原因,在线零售每年的全球销售额就损失了约 17.3 亿英镑(近 22.7 亿美元)。 现在,想想互联网上超过 57% 的搜索来自移动设备!

    资料来源:https://www.3xceler.com.br/blog/e-commerce/mobile-ultrapassa-o-desktop-no-trafego-de-buscas

    另一项值得一看的研究是沃尔玛网站进行的一项调查,该调查旨在评估加载时间对转化率的影响。 结果不言自明。

    来源:https://www.slideshare.net/devonauerswald/walmart-pagespeedslide

    所有这些都改变了我们对消费者旅程的理解。 如果说以前上网和在网上商店购物仅限于住宅、机构和局域网,今天,这种情况无时无刻不在发生。

    此外,用户对数字平台、在线销售和交易的熟悉也促使消费者对其访问的网站的质量和安全性变得更加敏感

    从这个意义上说,缓慢的网站,尤其是加载失败的结账和支付页面,从未引起如此多的不信任。

    如何在 PageSpeed Insights 上获得最高分:10 个关键因素

    您肯定会关注 100 分 — 最高分,并且可以保证世界上最大的搜索引擎对您的页面的好评。

    这很好,但要获得梦寐以求的成绩,您必须严格遵循报告建议并及时优化您的网站

    由于每个网站都有不同的情况,我们将讨论大多数具有良好(但不是很好)成绩的网站需要改进的 4 个因素以及如何做到这一点。

    1. 更少的 HTML 代码

    优化 HTML 代码可能会被忽视,特别是如果您的网站已经存在了一段时间或者是在没有遵循 Google 的最佳实践的情况下构建的。

    事实上,代码的组织方式决定了服务器如何读取信息以及它在屏幕上出现的时间。

    非故意使用的重复代码或标签会造成妨碍。 幸运的是,无需查看整个代码结构即可进行必要的更改。

    有一些 HTML 压缩工具可以自动快速地完成这项工作。 其中一些甚至可以用作 CMS 插件。

    2.利用好缓存

    在 PSI 分析中,审查的主要元素之一是浏览器需要从您的页面中吸收的资源数量。

    这包括图像、脚本、字体等。所有这些都可以通过缓存“存储在浏览器的内存中”。

    因此,浏览器只会加载元素一次。 每次用户更改页面时,浏览器只会“记住”它们并从缓存中提取必要的信息。

    但是您需要优化您的网站以充分利用这种可能性。

    诸如 W3 Total Cache 之类的插件是世界上最流行的插件之一,可以出色地完成这项工作并提供其他功能来优化您的代码。

    3.资源压缩

    页面加载中最重要的元素之一是图像,这使得压缩成为 PageSpeed Insights 最经常出现的建议之一。

    许多人忘记压缩图像,这很重并且会拖慢网站速度。

    随着互联网变得越来越可视化,拥有许多这种类型的文件是很常见的。 因此,没有什么比使用好的压缩器来减小此类文件的大小更好的了。

    CSS 和 Javascript 也是如此。 它们与 HTML 一起构成了整个页面。 因此,很明显,这些文件的压缩将显着提高它们的感知性能,以及它们的整体 PSI 评级。

    您可以使用 TinyPNG 等免费工具压缩图像,然后再将其发布到您的博客上。

    4. AMP:加速移动页面

    AMP (Accelerated Mobile Pages) 是 Google 自己的另一项举措,旨在确保网站页面在移动设备上的加载速度更快。

    这个想法是提供更基本的移动体验,没有在桌面版本中会更好的东西。 通过去除这些不必要的功能,网站速度会变得更高。

    这清楚地表明,与网站的全功能版本相比,用户拥有快速而直接的体验更好,在后者中他们将被迫等待更长时间才能看到内容。

    5. 减少页面大小

    当然,一个页面包含的资源越多,它就越重,加载时间也就越长。

    一般来说,图像和视频对页面的重量贡献最大。 但是,还应考虑 JavaScript 和 CSS 文件的总大小。 让我们分部分来看看这一切。

    6. 外部上传的视频

    如果图像使您的页面变得沉重,想象一下视频对它们没有什么作用,对吗?

    除非在非常特殊的情况下 - 例如非常受限的平台或需要更高安全级别的内容 -建议您的视频始终在外部托管,正如我们在上一个子主题中所述。

    这方面最常用的媒体是 YouTube 和 Vimeo,这些平台不仅可以让他们的播放器轻松集成到其他网站,还可以帮助您推广品牌和改善搜索结果。

    如果您提供受限制的内容,例如付费在线课程,两种媒体都提供非列表选项,该功能会隐藏您的视频以防止搜索,并且只允许从您可以在页面中附加的单个链接(如 HTML)进行访问。

    7. 最小化 JavaScript 和 CSS 文件

    这是一个不太明显的问题,可能这就是为什么它被如此忽视的原因:同一个 SEMrush 调查显示68% 的站点具有未压缩的 JavaScript 和 CSS 文件

    正如该术语本身所阐明的那样,最小化意味着减少或简化这些代码,这可以通过删除不必要的行、不必要的注释和空格来完成。

    这些文件在您网站的整个可视化背后,有时会写得过多以方便将来的编辑。 此外,它们可以通过各种插件进行更改。

    但请放心,您无需掌握任何这些语言即可执行此过程。 有几种工具可以为您完成:

    • 快速速度缩小;
    • WP 超级缩小;
    • 在线 YUI 压缩器。

    但是,请记住在使用任何这些解决方案之前进行备份

    您网站的主题或某些文件总是有可能受到该程序的影响。 因此,请务必谨慎并确保进行一些测试。

    8. 压缩文件

    Gzip 是一种 Web 文件压缩格式,对于那些争取良好页面速度分数的人来说,它充当了真正的通配符。

    通过压缩数据库中的 CSS、JavaScript 和 HTML 文件,您的页面大小可以减半,甚至更多。

    由于当今所有的浏览器都与此功能兼容,因此访问该站点的人不会发生任何变化。

    一些服务器已经自动执行此操作——您可以通过在 Varvy SEO Tool 站点上测试您的 URL 来验证您的站点是否具有此类服务。 但是,如果这不是您的情况,您可以利用提供此选项的 WP Fastest Cache 等插件来利用浏览器缓存。

    9. 清理重定向

    通常,影响网站速度的并不是页面加载,而是一系列重定向迫使浏览器在最短的时间内加载多个页面。

    这个问题在已经进行了多次地址迁移的大型站点中很常见——协议更改(例如 HTTPS)、重复页面(有些带有 www,有些没有)、类别更改、URL 结构等。

    这些重定向累积起来,使您页面的链接路径越来越长。

    因此,尽量使您的站点地图保持最新,以便人们可以直接访问您站点的当前地址,并且仅实施绝对必要的重定向——例如具有重要外部链接的页面。

    至于其他的,请尽快删除!

    10. 改进服务器性能

    这在获得大量流量的博客、新闻频道和电子商务中是一个更显着的问题。

    随着您的项目在 Internet 上的发展,必须进行更改以保持增长速度。 其中之一是您的托管计划。

    例如,在提到的情况下,建议投资一个能够支持大量并发访问者的专用服务器,并减少缓慢和系统中断。

    没有为更大需求时期(例如黑色星期五或圣诞节)做好准备的虚拟商店通常会对这些基本问题感到惊讶。

    但是,还有其他因素可能会影响服务器性能,例如过时的软件、缓慢的数据库查询、内存限制,甚至本地电源管理或计算机散热故障。

    因此,请务必激活您的托管公司的支持,以防您的网站持续缓慢,并在雇用此类服务​​时始终选择知名且参考良好的公司。

    PageSpeed 应该是我唯一的参考吗?

    您可能已经遇到过在 PageSpeed Insights 上提到您评估的最低数量的页面。

    有人说理想的分数是 95 以上,其他人甚至说达到 100 是必不可少的,至少在桌面上是这样。 不要被这些概括所迷惑!

    涉及到许多变量,在加载时放弃某些功能(例如监控、跟踪和转换像素)并不总是有趣的几毫秒。 每个案例都是独一无二的。

    Google 规定, 90 分以上的任何分数都被认为是理想的,50 到 89 分之间表示该网站需要基本调整,只有低于 50 分表示需要进行重大维修。

    此外,虽然页面速度拥有搜索巨头的权威,但其工具有重要的局限性:分析是通过未知位置的服务器进行的,移动测试以3G连接为参数

    因此,将页面速度结果作为参考,但不要让它的报告成为一种痴迷。

    一个有趣的技巧是在其他工具中测试站点并比较所有这些工具的数据。 看看下面的一些选项!

    GTmetrix

    它的原理与任何其他同类工具相同,但使用 GTmetrix,您还可以在完全免费的环境中将您网站的感知性能得分与市场平均水平进行比较。

    Pingdom

    Pingdom 非常适合需要更完整报告并愿意为此付费的人。

    它分析来自世界不同地区的交叉数据,其平台甚至在检测到问题时发送警报。

    岩石阶段分析仪

    对于更精细的分析,我们的解决方案是 Stage Analyzer,这是一个完整的性能评估器,旨在帮助您识别站点上的错误和增长机会。

    Stage Analyzer 对您的站点进行全面扫描,以查找配置和 URL 错误、不正确的图像缩放以及 SEO 失败和缺陷,以及可能影响页面用户体验的其他因素。

    只需两分钟,您就会收到一份方便的建议列表,以帮助您逐步提供站点所需的改进。 事实上,WordPress 网站最有可能获得更好的性能分数。

    所有这一切都具有只有拉丁美洲领先的内容营销公司才能提供的质量和专业知识。

    如您所见,在 Google 的 PageSpeed Insights 上获得良好评级很重要,但这只是我们用来优化和监控网站性能得分的众多参数之一。

    本文到此结束,但您可以——而且应该——立即开始改进您的博客或网上商店。

    使用 Rock Content 的 Stage Analyzer 分析您网站的性能,并获得完整的 SEO 报告来指导您的策略!