如何掌握 Google PageSpeed Insights 工具？

介绍

站在任何事物之上总是一种很好的感觉。 Google Page Speed会在很大程度上影响您网站的性能。 谷歌页面速度是您的网站加载速度。 您需要确保减少影响您网站的元素。 通过这种方式，您可以提高网站的页面速度并排名靠前。 这也增加了整体 SEO 排名。 让我们在本文中看看如何推断Google Page Speed Insights的本质，并制定和实施最适合的算法以在Google Page Speed Test 中名列前茅！

1. 谷歌页面速度洞察

在浏览了 900,000 个广告之后， Google Page Speed Insights 的分析师发现，普通的便携式演示文稿页面在 22 秒内堆叠起来。 这比大多数焦虑的网络客户在放弃页面之前所能承受的时间要长几倍——53% 是正确的。 如果您的页面需要超过 3 秒的时间来堆叠，那么您的潜在客户甚至在观察到它之前就会离开的部分。 好像这还不够糟糕，页面洞察发现，在每一个痛苦的时刻，页面没有堆叠起来，更多的客人会跳过。

在 SOASTA 的机器学习创新技术的帮助下，科学家们发现了加载时间、页面权重（数据度量）和转换率之间的联系。 从根本上说，“较重”意味着较慢。 特别是，当页面上的组件（内容、图片等）数量从 400 增加到 6,000 时，您更换访客的几率会下降 95%。

但是，如果您的页面逐渐堆积，那么查明问题并非在所有情况下都那么简单。 虽然Google Page Speed影响内容和图片数量的衡量标准最初是可识别的，但诸如不必要的 JavaScript 和太多侧链之类的问题却不是。

2. 谷歌 PageSpeed Insights 推论

Google PageSpeed Insights是一种工具，可让您快速轻松地测试网站页面的速度。 幸运的是，它是一个免费工具，您可以使用它来准确地发现是什么影响了您的页面加载时间。 输入一个 URL 并点击“分析”将快速为您提供一个详细的报告，该报告取决于两个参数，并提供有关解决该问题的最佳方法的建议。

• 参数 1：达到倍数以上加载的时间。 这是在客户要求之后，程序在首屏下呈现内容所花费的时间的度量。
• 参数 2：整页加载时间。 这是在客户端请求后浏览器完全呈现页面所需的时间。

那么PageSpeed Insights如何评估您的网站？ 它关注页面执行的系统自主部分：服务器安排、页面的 HTML 结构，以及它对外部资产的利用，例如图片、JavaScript 和 CSS。

使用PageSpeed Insights测试您的网站对于尚未尝试增强其网站的任何人来说都是大开眼界，此外， Page Insights为那些希望增强网站执行力的人提供了一个非凡的开始阶段。

话虽如此，当网站返回低于Google Page Speed Test 的预期分数或与您在网站上设置的估计值相悖的建议时，它同样会让您陷入毫无意义的狂热之中。 该仪器目前基于两个关键测量：

1.First Contentful Paint
2.首次输入延迟

以上两个参数以三种不同的方式进行评分：

1.快速
2.平均
3.慢。

以下是这两个测量值的通俗易懂的含义。

2.1. 首次内容绘制（FCP）

FCP 是对“首次绘制”的详细说明，这是一种估计何时出现任何渲染在程序中的度量（例如，即使是基础阴影的调整也会检查）。 FCP 指标估计实际内容堆积在页面上的时间，为您提供更有价值的客户接触评估。

2.2.首次输入延迟（FIP）

FIP 是谷歌页面速度测试的一个重要参数，它暗示了网站的加载时间。 它基本上是从用户与您的站点通信到您的浏览器实际开始与浏览器通信的时间。

3. 为什么 PageSpeed 很重要

当有人访问您的网站时，您只有几分钟的时间来吸引他们的眼球并说服他们留下来而不是跳过。 高质量的内容和有吸引力的主题是必不可少的； 但是，如果您的页面逐渐堆积，您可能会在他们甚至有机会看到您的内容之前就失去个人。

根据 Kissmetrics，几乎 50% 的网络客户预计网站将在两秒或更短的时间内堆叠，并且他们通常会放弃在三秒内未堆叠的目的地。 在网站执行过程中遇到困难的在线客户中，有 79% 不会再次访问该网页，其中约 44% 会告诉同伴他们在网上购物的经历很糟糕，这是对您的网站产生负面影响。 这就是PageSpeed非常重要的原因。

4. PageSpeed Insights的精髓

虽然页面速度是谷歌用来决定整体排名的 200 多个标志之一，并且只有不到 1% 的搜索问题受到网站速度标志的影响，但您必须强调的是转换。

一个页面速度快的好网站会让你的客人信任你的项目或好处，并说服他们交出他们的钱。 页面执行是每个站点的基本部分。 您可以拥有极其出色的内容和令人愉悦的网站，但是，如果堆叠时间过长或响应不全，个人将迅速前进到您竞争对手的网站。

然后你就会意识到它是真实的，因为我们作为一个整体都是这样做的。 Google PageSpeed Insights可以分解您网站的运行方式，并提供有关增加您网站的执行、堆栈时间以及从那里开始的极限的答案。

5. 使用 Google PageSpeed Insights 有哪些优势？

5.1. PageSpeed提供了一份非常详细的发现报告

获取一份报告，显示您的网站进展如何以及您需要应用哪些更改（如果是基本更改）。 它提供调查和推进管理，这对于建立您的站点的速度非常有用。

5.2. PageSpeed改善用户体验

今天，许多人使用他们的手机访问网站，如果您的页面没有移动响应，您可能会失去大量流量。 Google PageSpeed Insights会明确报告您当前的分数，并让您知道您的页面是否涉及移动阶段。 您可以利用其执行技巧来增强工作区和移动网络执行

5.3. PageSpeed包括其他语言

该工具可以很容易地以各种语言使用，例如俄语、西班牙语和塞尔维亚语。

5.4. PageSpeed易于使用

Google PageSpeed Insights不希望您拥有自己的网站或成为 Google 的客户。 您无需完善任何注册框架、进行记录或提供电子邮件地址即可使用它。

5.5. PageSpeed是免费的

Google PageSpeed Insights在全球范围内完全免费使用。 您无需为使用这个惊人的工具支付一分钱。

6. 在 Google Pagespeed Insights 上获得 100% 完美评分的技巧

以下是一些技巧，您可以部署这些技巧以在Google PageSpeed Insights上获得 100% 的完美评分。

6.1. 域名系统

我们使用 Cloudflare，但是，它都没有加速精简。 我们在测试中发现它更慢。 如果您处于相互促进的状态，Cloudflare 很可能会提供很大帮助。 无论如何，特别是对于我们来说，使用专用服务器，最好关闭所有内容。 如果您没有能力或时间将 Cloudflare 作为选项引入，您可以利用促进供应商，例如 WP-Engine、Presslabs、Pantheon.io。 他们在服务器商店和 CDN 安排方面合作。

6.2. 小额信贷机构

移动优先指数 - 这是目前 SEO 排名最重要的标准之一。 网站建成后，必须对其进行优化，才能在智能手机和其他电子设备上查看。 这是因为如今的浏览主要发生在手机上。 因此，对您的网站进行相应优化至关重要，因为它对 Google Page Speed 有显着贡献。

6.3. 传递服务器响应时间

基准是 0.2 秒。 任何超过这一点，谷歌都会标记你。 我们的网站一直运行在具有大量记录的高规格提交服务器上。 您在线阅读的大部分内容会建议您更改为更快的 WordPress 帐户（与合作伙伴加入），这是最直接的方式，但我不准备放弃我们自己的条件，无论如何都没有尝试。

遇到了很多服务器管理员，我关闭了服务器上运行的所有无意义的管理，以启用Pagespeed增量。 尽管如此，这并没有产生很大的影响。

我们看到的减少服务器响应时间的最大区别是更改为 PHP 7。并非所有主机都支持 PHP 7，但幸运的是，由于我们有自己的语言环境，我们这样做了。 在线混合报告显示，更改为 PHP 7 的速度提高了 20% 到 50%。

尽管有实际速率，但我们对Pagespeed有要求并需要对其进行测试。 如果您不知道您正在运行什么 PHP 变体，请引入此模块，您将在管理仪表板上的“概览”中看到它。

在继续之前，您必须检查该站点是否良好。 幸运的是，您可以为 WordPress 下载一个 PHP 相似性检查器模块，它可以查看您的代码并识别更改为 PHP 7 的任何问题。 Page Insights的结果展示了一些需要注意的事情，我们很快就处理了这些问题.

我们终于准备换到PHP 7了。为了改变，从WHM你到“Multi PHP Manager”，选择你需要的网站并改变PHP版本。 如果您不接近 WHM，请询问您的服务器管理员，但要确保您是在测试/升级条件下进行的 - 破坏您的生产站点并不是最佳做法。

6.4. 更新的网站设计和布局

网格布局是网站设计和布局方面的热门话题。 就Google Page Speed Insight而言，网格设计更具优势。 此外，我发现我在网站上提供了比我需要的更多的亮点，所以我开始寻找一个基本的、适度的主题。 我发现了 Frank，这是一个专为速度而设计的主题。 父主题的默认登录页面进行九次数据库查询，仅包含两个 HTTP 请求，重约 29kb。 这个主题过于轻量级——没有 JavaScript 结构和多余的图片，只有一个基本的和响应式的主题。 在介绍 Frank 的主题之后，预计加载我网站的 HTTP 请求数量从 31 个减少到只有 4 个。

6.5. 首页优化

有一些简单的方法可以额外加速您的网站：

• 如果您在登录页面上分发博客条目，请仅分发选择或概要，并减少五个或更少的呈现数量。
• 将小工具放在底座上。 只需使用完全必不可少的小工具。
• 移除空闲或无意义的模块。

通常，一尘不染且居中的站点配置将有助于您的页面看起来很棒，并且 PageSpeed 会变得更快。

6.6. 图像优化

高分辨率图片比升级图片需要更长的时间来堆叠，并且多余的大量研磨肯定会降低页面速度。 WPMU DEV 提供了一个很棒的（免费！）模块，称为 WP-Smush.it。 当您使用此模块批量处理图片时，您会发现图片的尺寸将大大降低，而不会影响视觉质量。 当我们以图片为主题时，冷漠的堆叠图片同样可以提高页面速度。

JPEG 2000、JPEG XR 和 WebP 是与更成熟的 JPEG 和 PNG 合作伙伴相比具有更好压力和质量属性的图片格式。 与 JPEG 或 PNG 相比，以这些排列方式对图片进行编码意味着它们将加载得更快并占用更少的移动数据，这将提高Google Page Speed 的性能。 WebP 在 Chrome 和 Opera 中得到支持，并为网络上的图片提供更好的有损和无损压缩。

6.7. 推迟未使用的 CSS

未使用的 CSS 会阻碍程序对渲染树的开发。 渲染树类似于 DOM 树，实际上，它还包含了每个集线器的样式。 要构建渲染树，程序必须遍历整个 DOM 树，并检查哪些 CSS 规则适用于每个集线器。 未使用的 CSS 越多，程序可能需要花费更多时间来为每个节点确定样式，这将对Google Page Insight Speed产生负面影响。

6.8. 启用文本压缩和编码图像

如果您想优化您的Google Page Speed，您也需要压缩您的文本文件。 文本压缩允许更快的网络传输，从而更好地促进。 编码图像是数据压缩的类型，它允许您压缩图像存储和传输。

6.9. 缩小 CSS、HTML、JavaScript

“缩小”指的是在不影响程序处理页面的情况下排除无意义或重复的信息，这将增强Google Page Speed结果。 糟糕的编码可能是这个问题的原因，它往往可以通过多种方式解决。

除了物理研究页面的源代码之外，谷歌建议尝试附带的资产：

• 用于缩小 HTML 的 HTML 缩小器。
• CSSNano 和 CSSo 来缩小 CSS。
• UglifyJS2 和 Closure Compiler 来缩小 JavaScript。

显然，另一个选择是利用Google 的 AMP和 AMP 进行促销系统。 这两个项目使工程师能够使用 HTML、CSS 和 JavaScript 的精简形式制作页面。 结果是页面和促销信息在几秒钟内堆积起来。

6.10. 避免着陆页重定向

如果您的页面没有响应式结构化，结果可能是各种小工具的页面高级的各种侧轨，这将增加PageSpeed 。 一些基本的转移设计，如谷歌所示：

• com 采用响应式网站架构，无需转移——快速而理想！
• com ? m.example.com/home – 对多功能客户的多次往返惩罚。
• com ? www.example.com ? m.example.com – 适度的多功能体验。

每次必须转移客户端时，页面渲染都会停止——这会为页面的堆时间增加宝贵的秒数。 通过使用响应式计划构建您的页面，从里到外远离杂乱无章的事情——无论您的潜在客户使用什么小工具，这种技术都能保证高质量的客户会面。 这样最终的谷歌页面速度测试结果会更好。

6.11. 消除阻塞渲染的 JavaScript

除此之外，JavaScript 还赋予了一些惊人的外部设备和直观的页面组件。 它的问题是，它还会停止解析 HTML 代码。

当您看到“消除阻止渲染的 JavaScript”的错误消息时，这意味着有一些 JavaScript 代码延迟了页面上方折痕位的堆叠过程，从而对Google 页面速度测试结果产生了负面影响。 局外人的内容可能会因此而出问题。 以三种不同的方式处理它：

• 对堆叠过程不重要的脚本应该被故意推迟——在页面完全呈现后引入和执行。
• 异步堆的脚本应该比同步堆的脚本更多地使用。 同步内容停止页面渲染过程，而非并发内容使程序能够同时堆叠不同的组件。
• 考虑内联内容——将很少的外部 JavaScript 资产直接嵌入到您的 HTML 报告中——以减少您的程序需要进行的请求数量。

通过尝试实施上述步骤， Google 页面速度测试的整体结果得到了改善。

6.12. 利用浏览器缓存

在为客户端完全堆叠页面之前，服务器和程序之间可能需要不同的需求。 就时间而言，每个人都包括在内。 存储使您的程序能够； “召回”最近堆叠的某些组件 - 标题、路线、徽标等。 程序可以存储的组件越多，在客户端提出需求的那一刻它需要堆叠的组件就越少，最后，页面堆叠得越快，这会增加PageSpeed 。 Google 规定了多周的基本保留策略，对于一般未更改的组件，一年是理想的。

7. 结论

网络已经变得拥挤，如果您的网站运行适中或没有按照应有的方式运行，您就不能希望成为著名和有效的桂冠。 Google PageSpeed Insights的建议取决于工作区和多功能 Web 执行的流程行业最佳实践，因此不要循序渐进，开始吸引更多的围观者，扩展您网站的执行和 Web 索引定位，并增强您的访客细读背景。 您现在对Google PageSpeed Insights 的整个嗡嗡声有了很好的了解。

使用上面提到的技巧，您可能会看到一些好的结果和积极的变化。 另外，请记住，罗马不是一天建成的，因此您需要给它一些时间，然后才能最终判断您为提高Google PageSpeed Insight 测试分数所采取的步骤是否有效。