如何在 WordPress 网站的 Google PageSpeed Insights 中获得 100/100 分？
谷歌最近宣布页面体验将是影响搜索排名位置的算法因素之一。 新名词 核心网络生命力 您在 Google Search Console 中看到的正在成为定义网络未来的重要因素。 这迫使所有网站管理员确保网站加载速度符合谷歌的要求，以便在搜索结果中获得良好的排名。 如果您使用 WordPress 来托管您的网站，那么在 Google PageSpeed Insights 工具中获得 100/100 分实际上很容易。
谷歌 PageSpeed 见解
工具很少； 您可以使用它来监控 WordPress 网站的速度。 Google PageSpeed Insights、Pingdom、GTmetrix 和 WebPage Test 是列表中最常用的一些工具。 由于 Google 搜索结果决定了许多网站的流量，因此最好使用 PageSpeed Insights 工具作为参考。
你可以去 PageSpeed 工具 并输入任何页面 URL 以获得速度分数。 影响分数的因素很多，可以从官方看 谷歌开发者网站. 以下是影响您看到的分数的因素的摘要。
| 因素 | 重量 |
|---|---|
| 第一次内容丰富的油漆 | 15% |
| 速度指数 | 15% |
| 最大的内容涂料 | 25% |
| 互动时间 | 15% |
| 总阻塞时间 | 25% |
| 累积版面偏移 | 5% |
分析网页后，谷歌将提供基于 100 分制的分数。 以下是表示分析页面的速度位置的三个范围。
- 0-49：差
- 50-79：需要改进
- 80-100：好
因此，Google PageSpeed 的 100/100 分数表明您的网站加载速度非常快，显然 Google 和用户会喜欢快速加载网站。 您可以查看 灯塔评分计算器 检查动态提高速度所需的各种参数。
请记住，除了上述因素外，Google 还会建议删除未使用的脚本或删除未使用的 CSS 等机会。 但是，这些都是建议，即使您努力使他们通过审核，也不会影响您的分数。 我们明确指出这一点，因为许多博主认为删除 jQuery 将有助于获得更高的分数。
我们的网站分数和大小
在解释如何获得 100/100 之前，我们想向您展示我们主页的得分。 如您所见，移动设备和桌面设备均获得 100。
请记住，我们谈论的是这个拥有近 2000 篇博客文章并使用大约 20 个插件的实时网站。 如果我们能得到满分，那么帖子和插件数量较少的网站很有可能。
在 Google PageSpeed 中获得 100/100 分的 5 个因素
以下是我们将详细讨论的前 5 个因素，我们认为这些因素对于在 Google PageSpeed 中获得 100/100 分很重要。
- 获得好的托管公司
- 没有广告代码
- 使用轻量级主题
- 删除重型插件
- 使用缓存插件
根据您的情况，很少有其他因素（如 DB 清理和 CDN）也可以提供帮助。 我们也会介绍这些方面。
#1。 好托管
我们在 Weebly 上创建了这个网站，并使用 Bluehost 迁移到了 WordPress。 后来我们将该站点移至 SiteGround GoGeek 计划，然后于 2016 年 5 月移至 SiteGround Cloud VPS。 从那时起，就没有回头路或花时间处理相关问题。
最近 SiteGround 将其基础架构迁移到使用 Google Cloud 平台。 这有助于从服务器获得稳定的第一响应时间。 我们甚至没有使用 Cloudflare 或任何其他 CDN 在 Google PageSpeed 中获得 100/100 分。 这是关于您用于网站的良好托管。 因此，请务必购买高级托管计划，例如 SiteGround Cloud VPS 或类似的。 这将有助于节省大量时间并专注于运行网站的其他方面。
#2。 没有广告代码
几乎 90% 的博主开始写博客是为了在网上赚钱。 他们的第一选择是申请Google AdSense，第二选择是尝试联属网络营销。 由于联属网络营销需要一个值得信赖的网站，因此 Google AdSense 是新博主的理想选择。
我们使用 Google AdSense，这是我们运行该网站的主要收入来源。 我们已经在我们的文章中解释了 AdSense 和页面速度的问题 – AdSense Vs Page Speed an Irony。 我们在 PageSpeed 中测试过的页面就是本站的首页。 我们得到 100/100 分数的原因是我们没有在主页上使用 AdSense 代码。 但是，整个网站上都有一个自动广告可用。 当我们检查 PageSpeed 分数后检查页面时，我们发现页面底部显示了一个广告。 页面加载速度更快，底部显示一个广告。
让我们向您展示一些随机页面在该网站上包含 5 个 AdSense 广告的结果。 如您所见，分数在 55/90 范围内。 这在移动设备和桌面设备上下降了 45/10%。
如果您选择使用 AdSense 或任何类似的广告程序，那么请忘记页面速度。 由于在您的网站上加载第三方脚本，Google PageSpeed 会向您显示许多问题。 不幸的是，如果不删除广告脚本代码，您将无法解决这些问题。
#3。 使用轻量级主题
我们使用高端主题已有 4 年了。 这是一个非常好的主题，具有捆绑的功能。 不幸的是，我们没有使用 90% 的功能，如地图、FAQ、推荐等。但是，无论您是否在页面上使用，主题都会加载所有这些功能所需的 CSS 和 JS 资源。 这就像拥有了一座大宫殿却还住在宫殿外的一间小屋里一样，毫无意义。
不幸的是，由于整个网站都紧密集成了高端主题，因此切换主题并不容易。 例如，Highend 主题可以选择使用主题选项集成 Google Analytics。 因此，我们花了很多时间来寻找一个替代主题，它本质上是最小的，但提供了没有插件的基本功能。
幸运的是，很少有主题符合我们的标准。 准确地说，我们选择了 GeneratePress 和 Astra 主题，后来决定购买 GeneratePress。 经过六个月的迁移工作，我们在 2020 年 6 月更改了主题，PageSpeed 得分至少提高了 30%（使用 AdSense 广告）。
前五年因为选择了我们不需要的错误主题而丢失了。 确保不要犯同样的错误，并购买满足您需求的优质简约主题。 GeneratePress 主题提供了使用我们需要的元素、部分、排版和其他基本功能的钩子。 对于任何其他目的，最好使用插件，这样我们就不需要再浪费五年时间来改变这个主题了。
#4。 删除重型插件
与主题类似，有一些重型插件会降低页面速度。 早些时候，我们在这个网站上使用了 WPBakery Page Builder、WooCommerce 和 WP Review 插件。 现在，我们已将所有这些插件与高端主题一起移动到一个子目录中。 随着 2020 年 5 月的 Google 算法更新，这给我们造成了严重的流量损失。但是，我们必须以约 30% 的速度提高速度继续前进。
如果您正在使用或计划寻找页面构建器或类似插件，请停下来三思而后行。
- 我们转换了 WPBakery Page Builder 布局并使用默认的 Gutenberg 来构建我们的主页。 甚至 GeneratePress 也提供 Elementor 布局和他们自己的迷你页面构建器，但是您可以使用 Gutenberg Group 块确保使用全宽 jumbotron 和 hero headers 制作体面的布局。
- 避免像 WP Review 这样臃肿的插件——它仍然使用 font awesome 4.7，价格为 97 美元（3 个站点许可证）。 当版本 6 启动时，在每个页面上加载 4.7 版本，这绝对是荒谬的。 请记住，我们谈论的是 2000 个页面，其中只有 70 个页面使用插件中的评论模板。 这是在您的网站上安装任何插件之前应该考虑的一种权衡。
- WooCommerce 是另一个插件，它会通过为购物车添加管理员 AJAX 调用来杀死您的网站。 同样，从流量和收入的角度来看，针对 2000 个帖子的 50 个产品并不是将它们保持在一起的好方法。
这些是艰难的学习方式，我们需要数年时间才能理解。 希望您能明白这一点并仅在您的网站上使用所需的插件。
#5。 使用缓存插件
我们使用 WP Rocket 一年多了。 该插件最好的部分是它为您网站上的每种帖子类型生成关键的 CSS。 除了缓存和预加载，关键的 CSS 将提高您的网站速度。 请注意，我们还在高端主题上使用 WP Rocket 和 WooCommerce 和其他重量级插件，如上所述。 但是，Google PageSpeed 的结果是 30/60。
因此，发现是——缓存插件使用最好的编码主题/插件做得最好。 否则，你将有错误的组合，而速度没有太大的提高。 请注意，SiteGround 通过 SG Optimizer 插件提供默认服务器缓存。 但是，即使使用简单的 GeneratePress 主题，这对我们也不起作用。 由于我们希望保持缓存独立于托管，WP Rocket 或类似插件是我们的最佳选择。 以下是您将使用 WP Rocket 获得的缓存和其他功能：
- 浏览器缓存、GZIP 压缩、删除查询字符串和优化 Google 字体。
- 禁用嵌入、表情符号和控制心跳 API。
- 根据您的 XML 站点地图预加载 URL，为每种帖子类型生成关键的 CSS。
- 托管 jQuery Migrate、Google Analytics 和 Facebook Pixels 以提高速度。
- 合并和缩小 CSS 和 JS。
- 清理数据库冗余条目，如瞬态、修订和自动保存。
- 延迟加载图像、视频和帧。
- 如果需要，移动和桌面的单独缓存。
您还可以购买 CDN 并使用图像优化插件，但需额外付费（我们不使用这些功能）。
其他因素
好吧，在谈论 WordPress 网站速度时，您会在整个互联网上找到“CDN”一词。 SiteGround 还提供与 Cloudflare 的免费 CDN 集成。 除非您的目标受众是中国等互联网封锁国家/地区的受众，否则我们认为 CDN 无法真正大幅提高速度。 对于像我们这样的网站，它将有助于更快地提供大图像等静态文件。 然而，SiteGround 引入了站点工具（取代 cPanel），它将使用他们的 SG Optimizer 插件自动生成 WebP 图像。 我们仍然没有使用此功能，您可以使用任何 WebP 插件将轻量级图像提供给支持的浏览器，而不是 PNG/JPEG 格式。
另一个因素是清理您的数据库和站点。 如前所述，WP Rocket 提供了可以定期安排的数据库清理选项。 然而，这不是我们在这里谈论的清理。
- 你知道 WooCommerce 插件会在你的数据库中添加 25+ 表吗？ 正如我们在这里所解释的，默认的 WordPress 安装对于单个站点只有 12 个表。 我们花了很多时间迁移订单、产品和 WooCommerce 文件。 我们还需要删除 WooCommerce 缩略图以清理存储空间。 详细了解如何从您的网站上完全删除 WooCommerce。
- WP Review Pro 插件将为您创建的每个帖子添加约 25 个自定义字段。 所有这些都会使 postmeta 表膨胀。 它还将为您上传的每张图片生成 2 个额外的缩略图。
- WP Bakery 和许多其他插件将在上传文件夹的单独目录中包含 CSS、JS 和其他资源。 这些脚本会通过加载所有页面来减慢您的网站速度。
- 高端主题将为您上传的每张图片生成约 10 个缩略图（这将取决于图片大小和选项）。
现在，简单地将主题更改为 GeneratePress 并将繁重的插件迁移到子目录将无助于清理当前的混乱。 如果您正在更改主题或删除插件，请确保删除它们在 wp_postmeta 和 wp_options 表中留下的所有痕迹。 这将有助于通过减少数据库查询执行时间来提高页面加载速度。
最后的话
我们特意以某种方式写了这篇文章，在 Google PageSpeed Insights 工具中获得 100/100 分时不应该做什么。 这是为那些在博客中间试图提高速度的博主准备的。 但是，如果您是新博主，那么它应该让您清楚地了解选择 AdSense 等选项和页面构建器的重主题的影响。 正如一句流行的谚语所说，“简单是一种终极的复杂性”，选择你需要的东西将帮助你获得高分并节省大量时间。
