NitroPack 评论:简单模式下的 WordPress 网站速度优化

已发表: 2021-12-27

如果您有网站,则需要关心网站速度优化。

页面速度对您网站的用户体验有巨大的影响——有各种各样的数据将缓慢的网站速度与更高的跳出率、更低的转化率以及通常不满意的用户联系起来。

但老实说,您并不真的需要数据来证明这一点,因为您可能已经知道加载缓慢的网站是多么令人讨厌,对吧?

更重要的是,随着谷歌新的页面体验更新,谷歌还使用核心 Web Vitals 指标,如最大的内容绘画作为搜索引擎排名因素,因此页面速度缓慢也会拖累您网站的搜索引擎优化。

所以——网站速度很重要……但也很复杂。

有缓存、JavaScript 优化、CSS 优化、HTML 优化、内容交付网络 (CDN)、图像优化、预取、压缩……你懂的。

NitroPack 是一个易于使用的插件,可帮助您在一个工具中实现站点所需的几乎每一个性能优化策略

在 WordPress 上,您只需安装 NitroPack 插件,单击几个按钮,您的网站将立即受益于缓存、内容交付网络 (CDN)、CSS/JavaScript 优化等策略。

在我们的 NitroPack 动手评测中,我们将亲身体验这个工具,包括以下内容:

  • 功能的快速概述
  • 一个 NitroPack 教程并查看界面
  • 关于 NitroPack 的改进是否“真实”的思考(这将在稍后有意义)
  • 使用 NitroPack 进行一些之前/之后的性能测试
  • 价钱
  • 最后的想法
NitroPack 网站速度优化工具

NitroPack 评论:它有什么作用?

NitroPack 是 WordPress (和其他一些平台)的一体化速度优化插件。

这是 NitroPack 最独特的地方之一——它确实是合二为一的

这是非常罕见的。 例如,WP Rocket 本身就是一个非常全面的页面速度插件,但您仍然需要至少将它与图像优化解决方案、CDN 和其他一些调整配对。

使用 NitroPack,无需构建性能优化工具“堆栈”。 它只是为你做一切。 以下是它涵盖的高级功能:

  • 缓存——包括带有预加载和智能缓存清除的智能页面缓存以及浏览器缓存。
  • CDN – 具有 70 多个全球端点、Gzip/Brotli 压缩等的内置 CDN。
  • CSS 优化——包括处理首屏关键 CSS,以便您可以提高初始加载时间,包括最大内容绘制指标。
  • JavaScript 优化——您可以推迟脚本以改善初始加载时间,并以其他方式优化您网站的所有 JavaScript。 NitroPack 还有一种独特的方式,可以将脚本从主 CPU 线程中移出,并将脚本延迟到用户交互之前——更多内容见下文。
  • 图像优化——它可以自动压缩/调整图像大小并将它们转换为 WebP。 还有一个新的自适应尺寸功能,可让您根据用户的屏幕尺寸动态地为用户提供不同的图像。
  • HTML 优化——包括关键资源的 DNS 预连接等高级细节。

这张图片很好地总结了主要特征:

NitroPack 功能

NitroPack 的一个独特之处是它的“专有资源加载器”。 这样做的概念/好处非常复杂,但基本思想是 NitroPack 优化您的站点加载方式(尤其是其 JavaScript),以使所有单独的文件以最佳方式加载,从而获得用户体验。

基本上,如果您启用此功能,它会尝试仅加载呈现首屏内容所需的最少文件,然后等待加载其余文件,直到用户开始与您的网站交互。 通过这样做,您可以大大加快网站的初始加载时间,包括最大内容绘制指标。

您可以在此处阅读所有相关信息。

如何使用 NitroPack

除了 NitroPack 全面的站点速度优化功能外,其易于设置是其最大的优势之一。

借助多种预设优化模式,您可以在几分钟内启动并运行一个完全优化的网站。

让我们看看它是如何工作的……

1. 添加您的网站

首先,您需要通过 NitroPack 仪表板添加您的网站:

NitroPack 添加站点

然后,您可以使用连接器工具将您的 NitroPack 帐户连接到您的站点。 对于 WordPress,这意味着 WordPress.org 上的专用 NitroPack 插件:

NitroPack WordPress 插件

2.选择你的优化模式

现在,您可以选择优化模式了。 这是我最喜欢的 NitroPack 部分之一,因为它使 NitroPack 如此简单。

NitroPack 无需像在大多数插件中那样修补一堆单独的设置,而是让您根据需要选择预设配置。 不过,对于更高级的用户,您仍然可以修补

您可以从 WordPress 仪表板或 NitroPack 仪表板中进行选择。

有五种不同的模式,但我认为大多数人会希望选择Strong ,因为它提供了性能改进的良好平衡,同时仍保持您网站的正常运行。

许多人也喜欢Ludicrous模式,因为它可以最大程度地提高您的 PageSpeed 分数和 Core Web Vitals。 但是,我建议谨慎使用此模式,因为它延迟 JavaScript 的方式可能会干扰您网站上的某些功能。

例如,如果您的移动菜单依赖于 JavaScript,则 Ludicrous 模式可能会导致一些奇怪的行为。 另一方面,如果您有基于 CSS 的菜单,那可能不是问题。

所以 - 随意开始使用 Ludicrous 模式,但如果遇到任何问题,请准备好缩减到 Strong 模式:

NitroPack 优化模式

3. …利润

对于许多用户来说,这就是字面意思。 一旦您选择了您的配置模式,您就可以停止考虑性能,因为 NitroPack 会处理其余的事情。

4. …或 Tinker(适用于高级用户)

对于更高级的用户,NitroPack 还为您提供了许多修补选项。 您可以排除某些页面、脚本、cookies、资源、查询参数等。

您还可以获得一些简洁的选项,例如优化广告脚本的能力,通过 webhook 清除缓存(将其与 WP Webhooks结合以获得一些乐趣),以及执行一些其他高级操作:

NitroPack 高级设置

如果您是普通用户,请随意忽略所有这些内容。 但如果您是高级用户,您可能会喜欢这些设置。

这些设置还可以帮助您毫无问题地使用 Ludicrous 模式,因为您可以排除某些您不想延迟加载的脚本。

NitroPack 和“Blackhat SEO”——这是真的吗?

如果您搜索过其他 NitroPack 评论,您可能已经看到 NitroPack 是一种“黑帽 SEO”工具的指责,它欺骗 Google 认为您的网站加载速度很快,即使它确实没有。

那么 - 这里有什么交易?

好吧,答案非常技术性,但我认为很明显 NitroPack 没有做任何坏事。

这里的主要问题似乎是实验室速度测试数据和真实“现场”速度测试数据之间的差异:

  • 实验室数据(合成) ——由速度测试工具收集的模拟性能数据。
  • 现场数据– 真实访问者所体验到的您网站的真实性能数据。 通常,您将通过 Chrome 用户体验报告收集此信息,如果您的网站有足够的流量,该报告可在 PageSpeed Insights 中找到。

现场数据对于实际性能(以及 Google 的 Page Experience SEO 算法更新)来说才是真正重要的,但大多数人过于关注实验室数据和“分数”,因为它们更容易收集。

NitroPack 的专有资源加载器在 Ludicrous 模式下通过将某些进程移出主线程并延迟 JavaScript 执行的方式意味着您的站点在某些实验室速度测试工具中看起来“异常”好(因为许多工具无法检测到线程外进程)。

我确实明白人们在这里所说的话——使用 NitroPack 和 Ludicrous 模式的网站在某些速度测试工具中看起来“可疑”很好。

但是,这里真正的问题是,您是否认为 NitroPack 这样做是为了“欺骗” Google,或者这只是其资源加载器工作方式和优化站点的自然副产品。

就个人而言,我认为很明显 NitroPack 是真正的交易,这更多是一些速度测试工具的工作方式问题,而不是 NitroPack 试图玩弄系统的问题。

原因如下:

首先, NitroPack 并没有试图在这里隐藏任何东西,因为他们自己建议 NitroPack 用户查看真实的用户性能数据,而不是仅仅依赖实验室数据。

NitroPack 推荐现场数据

更重要的是,NitroPack 正在努力将真实的现场数据放在 NitroPack 仪表板的前面和中心。 如果您查看真实的现场数据,您会发现 NitroPack 对实验室数据和真实的现场数据都有很大的改进。

你无法欺骗真实世界的数据。 因此,如果 NitroPack 真的想快速吸引人们,那么鼓励他们的用户关注真实世界数据而不是实验室数据是不明智的。

最后一项指控是 NitroPack 正在执行某种类型的黑帽 SEO,谷歌最终将对其进行处罚。

老实说,这对我来说毫无意义。

首先,页面速度仍然是一个很小的排名因素,所以它不像“欺骗”谷歌认为你有一个快速的网站会让你的排名上升。 谷歌曾表示,网站速度更像是同等相关网站之间的“决胜局”,而不是本身会提高你的排名的东西。

也就是说,让您的网站从 2 秒变为 1 秒并不会改变任何事情——两秒已经足够快,足以赢得 Google 的决胜局。

除此之外,我认为 SEO 的指控没有任何意义,因为有多少受欢迎的网站正在使用 NitroPack 并且排名仍然不错。

事实上,我们在 WP Mayor 使用 NitroPack! 如果我们认为对 SEO 有任何负面影响,我们就不会这样做。

如果您想验证这一点,您可以查看 WP Mayor 的标题,您会发现我们确实在使用 NitroPack:

WP Mayor NitroPack 标头

最后,如果您真的很担心,您可以使用 Google Search Console 中的 URL 检查工具来查看您的网站在 Google 抓取时使用 NitroPack 的外观。 如果您这样做,您会看到 Google 会检测到您页面的完整内容,就像没有 NitroPack 时一样。

也就是说,根据谷歌自己的抓取工具,你的网站内容在谷歌眼中是零差异的。

NitroPack 之前/之后的性能

随着冗长的讨论结束,我确实想看看 WP Mayor 的一些性能数据。

尽管我在上面说过现场数据比实验室数据更重要,但我将在这里使用合成速度测试工具,因为,我很难收集具有真实用户加载时间的前后数据。

但是,我将使用 WebPageTest,它在捕获全页速度体验方面做得比平均水平要好,因为它显示了完全加载和文档完整的指标。

完全加载的指标将捕获 NitroPack 在初始加载时延迟/延迟的大量 JavaScript。

因为我们生活在一个移动优先的世界中,所以我使用移动优先的方法配置了 WebPageTest:

  • 从模拟的 iPhone 8 进行测试
  • 使用受限制的 LTE 连接
  • 运行九个单独的测试并取中值

以下是使用和不使用 NitroPack 的 WP Mayor 主页的数据:

在 NitroPack 之前使用 NitroPack
第一个字节的时间0.722 秒0.742 秒
最大的内容涂料2.123 秒0.970 秒
累积版面偏移0.006 0
总阻塞时间 * 0.174 秒0.033 秒
文件完成时间3.063 秒1.598 秒
记录完整的 HTTP 请求88 9 **
文件完整尺寸1.45 MB 0.48 MB
满载时间3.161 秒2.457 秒
完全加载的 HTTP 请求89 46
满载尺寸1.45 MB 0.85 MB

*这是首次输入延迟的良好代理,仅可从现场数据中获得。

**您可以看到一开始 HTTP 请求非常低,因为 NitroPack 延迟了很多这些脚本。

总体而言,您可以看到 NitroPack 的全面改进,尤其是在最大内容绘制和文档完成指标方面。

请记住,您只需单击几下即可实现这些改进。 同样,我认为 NitroPack 的独特之处在于性能改进简单性的结合。

如果您对 PageSpeed Insights 分数感兴趣(就我个人而言,我不感兴趣),我还为 WP Mayor 主页收集了有和没有 NitroPack 的分数:

在 NitroPack 之前使用 NitroPack
移动分数38 80
桌面88 96

您也可以在那里看到巨大的改进,尤其是在移动分数方面。

NitroPack 定价

现在我们已经涵盖了其他所有内容,让我们来谈谈 NitroPack 定价。

首先,NitroPack确实有一个免费计划,每月最多支持 5,000 名访问者和 1 GB CDN 带宽以及所有功能。 如果您有一个低流量的网站,那么该免费计划可能对您很有效,至少在开始时是这样。

但是,免费计划的缺点是它在您网站的页脚中包含一个 NitroPack 徽章。 这不是很侵入性,但要记住这一点。

如果您超出免费限制或只想移除 NitroPack 徽章,则需要为计划付费。 NitroPack 的付费计划允许按月和按年计费。 如果您按年付费,您将免费获得两个月。

所有计划都具有相同的功能——唯一的区别是页面查看限制和 CDN 带宽。 此外,每个计划仅支持一个站点。 如果您有很多站点,您可以联系 NitroPack 的销售团队以了解自定义代理和多站点计划选项,这可以为您节省一些钱。

NitroPack 定价

如果您的网站拥有超过一百万的页面浏览量或消耗超过 500 GB 的 CDN 带宽,您还可以联系 NitroPack 销售人员以获取自定义计划。

此外,所有计划均提供 14 天退款保证,因此您无需承担任何风险。

关于 NitroPack 的最终想法

总的来说,我认为使用 NitroPack 来加速您的网站有一些明确的优点和缺点。

NitroPack 的主要优点是它非常简单全面。 它是一个实现几乎所有性能优化策略的工具,包括独特的方法,例如延迟 JavaScript 并将其移出主 CPU 线程的方式。 我认为您不会找到一种更简单的方法来从零到拥有一个完全优化的网站。

对于很多人,尤其是非技术人员来说,这是一个非常强大的价值主张。

NitroPack 的主要缺点是价格昂贵,至少对于 WordPress 空间而言。 如果您的预算有限,您可以找到更便宜的网站速度插件来优化您的网站(例如 WP Rocket),或者您甚至可以使用完全免费的 WordPress 插件构建一个非常好的优化堆栈。

最后,它有点归结为......

站点速度非常重要,因此您不能忽略它。

当谈到您对网站速度所做的事情时,您需要回答这个问题:

您是否愿意为解决网站速度问题的一键式解决方案支付少量费用?

如果您不是一个非常技术性的人,或者您更愿意专注于创建内容和营销您的网站而不是性能优化,我认为您可能适合“是”类别。

另一方面,如果您想尽可能降低成本,您可能属于“否”类别,在这种情况下,您可能更喜欢更便宜或免费的 WordPress 页面速度插件。

这些插件像 NitroPack 一样简单吗? 并不真地。 但是,如果您愿意投入工作,您仍然可以使用免费或更便宜的工具构建一个快速加载的网站。

如果您犹豫不决,我建议您注册 NitroPack 并运行一些测试。 设置过程只需几分钟,因此您无需投入太多时间。

除此之外,还有 14 天退款保证,因此您也不会冒任何风险(或者,如果您对 NitroPack 徽章没问题,您可以尝试免费计划)。

NitroPack 网站