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

简介

你是否曾想在Google PageSpeed Insights上取得一个完美的分数？

好吧，今天是你的幸运日!

这篇博文将告诉你如何做到这一点。

100%并不容易，但只要稍加努力，加上我们的指南，绝对可以实现。

每个页面都可能有所不同，但我的博客主页的评分接近98/99，而其他页面的评分为99分（满分100分）。

所以让我们开始吧！好吗？

速度是建立一个转换率高且对搜索引擎友好的网站的一个关键因素。

如果你没有一个快速加载的网站，人们就不会等待。

我发现，如果你使用WP火箭和网络托管的组合，这是一个相当容易的任务。 火箭网 (由Cloudflare Enterprise提供)。

全文回顾。 Rocket.net评论。优秀的WordPress托管服务（2021年

目录

• 简介
• 工具和服务
• 射向月亮
• 最佳的WP火箭设置
  • CACHE
  • 文件优化
  • 媒体
  • 预加载
• 移动转换率提示
• 性能网站结论

工具和服务

• 火箭网 (WordPress托管服务)
• WP火箭 (WP插件)

射向月亮

最佳的WP火箭设置

虽然切换到像Rocket.net这样由Cloudflare企业支持的虚拟主机不需要WP Rocket插件，但由于一些原因，它确实有帮助。

作为WordPress最好的缓存插件之一，WP Rocket自动应用80%的网络性能最佳实践。

• 页面缓存
• 缓存预加载
• 浏览器缓存
• GZIP压缩
• 电子商务优化
• 优秀的兼容性

虽然这看起来是多余的，因为Rocket.net使用Cloudflare企业CDN对你的网站进行全页面缓存，但Cloudflare需要多次更新其缓存，从而降低你的网站服务器的负载。

CACHE

CACHE > 为移动设备启用缓存。 启用

CACHE > 为移动设备单独设置缓存文件。因为我的主题是移动友好的，所以没有勾选。

CACHE > Cache Lifespan。 10小时

单击 "SAVE CHANGES"。

文件优化

CSS文件

文件优化 > CSS文件 > 最小化CSS文件。 失能

注意：我没有勾选这个选项，因为Rocket.net负责缩小CSS文件，为什么要做两次呢，对吗？

文件优化 > CSS文件 > 合并CSS文件（启用最小化CSS文件来选择）。 失能

文件优化 > CSS文件 > 优化CSS交付。 启用

文件优化 > CSS文件 > 删除未使用的CSS（Beta）。 失能

JavaScript文件

注意：我想在测试版结束后试一试，多减去一点页面加载时间。

文件优化 > JavaScript文件 > 加载JavaScript的延迟。 已启用

文件优化 > JavaScript文件 > 延迟JavaScript的执行。 已启用

文件优化 > JavaScript文件 > 排除的JavaScript文件。 失能

单击 "SAVE CHANGES"。

注意：在不排除任何JS文件的情况下，它对我来说是有效的，但你的情况可能有所不同。

媒体

MEDIA > LazyLoad > Enable for Images。 已启用

MEDIA > LazyLoad > 启用iframes和视频。 已启用

MEDIA> 图像尺寸 > 添加缺少的图像尺寸。 已启用

单击 "SAVE CHANGES"。

通过为图片添加宽度和高度属性，提高读者的阅读体验。

预加载

PRELOAD > Preload Cache > Activate Preloading。 已启用

PRELOAD > 预加载缓存 > 激活基于网站地图的缓存预加载。 已启用

PRELOAD > Preload Cache > Rank Math XML网站地图。 可选

单击 "SAVE CHANGES"。

当你添加或更新内容时，预加载会自动触发，也可以从管理栏手动触发。它从你的主页上的链接开始，其次是你指定的网站地图。

移动转换率提示

为了避免由于大文件和解析文件的困难而导致页面加载时间严重过慢，考虑在你的网站上使用响应式设计。

创建一个移动友好的购物车，让客户在看到商品时立即购买。提供多种付款方式，包括PayPal和Stripe。

很明显，如果一个公司想在今天的市场上取得成功，他们需要一个移动网站。如此多的人使用智能手机的最大原因之一是他们喜欢能够在旅途中随时掌握情况。

一个移动网站为人们提供了检查订单状态、观看视频和购买产品的灵活性。虽然有些公司仍然没有移动网站，但有移动网站的公司的转换率比没有移动网站的公司高三倍以上。

移动网站需要反应迅速，就像移动电话一样。由于智能手机上的注意力高度分散，保持用户友好和有效是很重要的。

性能网站结论

如果我放弃WPForms和WooCommerce插件，很可能会得到一个更好的评价。

有这么多的插件组合，我已经尝试过了，当你可以使用简单的插件来完成WordPress的任务时，这很好。当然，在这种情况下，少即是多。

通过这些调整，你的网站将比竞争对手表现得更好。

大多数公司专注于制作一个伟大的网站，这侧重于视觉美感和吸引访问者的能力。然而，一个以性能为重点的网站是一个能够为你的公司产生实际效果的网站。

为了创建一个有效的基于性能的网站，你需要确保你的网站有良好的转换率。转换率的计算方法是，有多少人在访问你的网站时真正采取了行动，例如注册你的通讯或从你那里购买产品。

这个转换率越高，对企业越有利，因为这些行动会给你的公司带来更多的线索和销售。

虽然我彻底探索了 火箭网 控制面板，我找不到任何加快网站速度的设置。他们在优化WordPress方面做得这么好，不需要我们干预。

好吧，我希望这能帮助你在Google PageSpeed Insights得分上达到100分或接近100分。