减少 HTTP 请求和加载时间的 6 个最佳 WordPress 插件

已发表: 2023-03-17

您的 WordPress 网站速度很慢，而且您已经运行了多次性能测试，但最终只得到一长串改进建议。

但是在使用插件列表打开 50 个新标签之前，您可能需要检查您的网站生成的 HTTP 请求数。

容易错过的、过多的 HTTP 请求会对网站速度、性能、SERP 排名和转化率产生巨大影响。

在本文中，我们将介绍：

  • 什么是 HTTP 请求
  • 减少 WordPress 上的 HTTP 请求的重要性
  • 如何检查和分析您的 HTTP 请求
  • 大量 HTTP 请求的最常见原因
  • 6 WordPress 插件减少 HTTP 请求
  • HTTP 请求最佳实践

让我们开始吧！

什么是 HTTP 请求？

每当用户打开网站时，他们的 Web 浏览器都会向服务器发送加载文本、图像、视频和其他资源等内容的信号。 然后服务器通过发回请求的资源来响应。

此信号也称为 HTTP 请求，HTTP 请求的数量直接对应于网站提供内容和互动所需的资源数量。

HTTP 请求的数量越多，您的网站正确加载所需的时间就越长。 这就是为什么减少它们是解决 WordPress 网站速度慢的最有效方法之一。

为什么减少 WordPress 上的 HTTP 请求很重要？

总的来说，减少 HTTP 请求是改善加载时间和性能的关键步骤，最终会为您的 WordPress 网站带来更好的搜索引擎优化、增加流量和更成功的转换。

事实上，高达 70% 的用户承认网站速度直接影响他们停留的意愿，而 53% 的用户会干脆放弃加载时间较长的网站。

在 Google 看来，网站速度对于在线业务的成功至关重要。 通过减少 WordPress 网站上的 HTTP 请求数量，您不仅可以提高速度和性能，还可以确保：

  • 降低跳出率
  • 更好的用户体验和参与度
  • 提高用户满意度和转化率
  • 在 SERP 中排名更高（+更多的知名度和流量）

如何查看和分析您网站的 HTTP 请求？

如果您怀疑您的 WordPress 网站执行过多的 HTTP 请求，您的第一步是确认它。

有几种流行的方法可用于检查和分析您网站的 HTTP 请求：

  • Chrome 开发人员工具：右键单击网页并选择“检查”或按 F12 键。 在开发人员工具中，导航到“网络”选项卡以查看网页发出的所有 HTTP 请求，以及它们的状态代码和响应时间。
  • 在线工具：有关您站点的 HTTP 请求的详细报告，您可以尝试使用 GTmetrix 或 Pingdom。 两者都会分析您网站的性能、确定优化机会并提供改进建议。

来自 GTmetrix 报告测试 www.google.com 的片段

不确定您应该首先关注哪些资源？ 检查导致过多 HTTP 请求的最常见罪魁祸首是什么，以突出显示您应该首先优化的问题。

HTTP 请求过多的最常见原因

太多不必要或繁重的插件

不必要的或资源密集型插件会降低网站的性能并增加加载时间。 重要的是只使用对您的业务至关重要并且对您网站代码的影响最小的插件。

在站点范围内加载脚本的插件

有些插件会在每个网站页面上加载，即使脚本只在某些页面上需要。 这不仅会增加 HTTP 请求的数量，还会使您可能要付费的插件贬值。

不必要和/或未优化的图像

未经优化的大图像会使您网站的资源和加载它们的 HTTP 请求数量膨胀。 他们通常是第一个进行优化的人，并进行审查以确定哪些对用户体验至关重要，哪些可以进行。

非延迟加载的图像和视频

在需要之前加载图像和视频是一个常见的错误，它会堆叠不必要的 HTTP 请求。 延迟加载它们将有助于极大地优化初始页面加载中的请求数量。

大量未优化的 WordPress 主题

包含不必要资源、奢侈效果且未针对速度进行优化的主题可能会降低网站速度并损害性能。 通过选择 Astra 和 Superb Pixels 等久经考验的主题，您可以将 HTTP 请求减少到最低限度，而不会牺牲网站的外观和功效。

第三方 HTTP 请求过多

第三方脚本和资源，例如社交媒体小部件或跟踪像素，可以缓慢但肯定地增加 HTTP 请求的数量。 重要的是只使用必要的第三方脚本和资源并异步加载它们以减少对页面加载时间的影响。

多个 CSS 样式表和 JavaScript 文件分别加载

多个 CSS 样式表和 JavaScript 文件可以说是最难优化的。 幸运的是，合并和缩小此类文件可以减少 HTTP 请求的数量并增加加载时间。

渲染阻止 JavaScript 和 CSS

呈现阻止资源会延迟您网站的加载并损害您网站的性能。 延迟或异步加载这些资源以减少它们对页面加载时间的影响非常重要。

不使用 CDN

如果没有 CDN，您网站的资源只能从单个服务器位置提供。 CDN 可以将资源分布到多个服务器位置，从而减少加载资源所需的时间并提高站点速度。

未优化的 HTML、CSS 和 JavaScript

低效的编码实践、不必要的空格和切片代码极大地导致了过多的 HTTP 请求。 手动优化以及通过插件进行优化是解决此问题的好方法。

卷起袖子独自挑战每一个问题可能是不可能的。 除非你有一个专门的网络性能团队并且愿意投入大量资源来维护它，否则你可能需要考虑替代方案。

特别是当我们精心挑选了可以轻而易举地优化 HTTP 请求的工具时。

6 个减少 HTTP 请求的最佳 WordPress 插件（免费和付费）

1.NitroPack 360性能优化

NitroPack 插件是为忙碌的 WordPress 网站所有者设计和开发的。 与其他仅专注于处理特定资源的插件不同，NitroPack 为您提供 360 度优化堆栈以减少 HTTP 请求等等 – 高级缓存、完整的图像优化、HTML/CSS/JavaScript 缩小和压缩，以及世界一流的内置Cloudflare 的 CDN。

安装后，NitroPack 会自动应用 35 多项高级优化，无需额外微调。 目前，168K+ 活跃用户享有 90+ PageSpeed 分数，通过了 Core Web Vitals，以及 24/7 专家技术支持。

  • 评分：4.3
  • 安装数量：160,000+
  • 价格：提供免费和付费计划

2.云彩CDN

Cloudflare 是一家内容分发网络 (CDN) 和网络安全公司，为全球 3000 万个网站和网络应用程序提供在线服务。 其 CDN 网络由位于 100 多个国家/地区的 200 多个数据中心组成，可以快速高效地向最终用户交付内容。

得益于 Cloudflare 的边缘缓存、负载平衡和压缩，您可以显着减少对服务器发出的 HTTP 请求的数量。 此外，您的内容加载速度平均提高 60%，您网站的可扩展性也会提高。

  • 评级：9.1 在 TrustRadius
  • 安装数量：3+万
  • 价格：提供免费和付费计划

3. a3 Lazy Load 用于资源延迟加载

a3 Lazy Load 是一个专注于延迟加载图像、视频和 iframe 的 WordPress 插件。 该插件仅在用户视口中可见时加载这些元素，减少了最初需要加载的数据量，这意味着当访问者登陆您的网站时，HTTP 请求更少。

  • 评分：4.3
  • 安装数量：100,000+
  • 价格：免费

4. Fast Velocity Minify 用于资源压缩

Fast Velocity Minify 通过合并、缩小和缓存 CSS、JavaScript 和 HTML 文件，帮助优化浏览器发出的 HTTP 请求的数量。 它可以帮助您显着减小文件大小并提高网站的整体速度。

  • 评分：4.6
  • 安装数量：70,000+
  • 价格：免费

5. EWWW Image Optimizer 用于图像优化

EWWW Image Optimizer 为新图像和现有图像提供各种优化技术，包括无损和有损压缩、调整大小以及转换为 WebP 格式。 EWWW Image Optimizer 与流行的页面构建器兼容，并支持多种文件类型，包括 PNG、JPEG、GIF 和 PDF，以帮助您减少加载网页所需的 HTTP 请求数。

  • 评分：4.7
  • 安装数量：1+万
  • 价格：提供免费和付费功能

6.插件管理器

Plugin Organizer 帮助您控制插件，更具体地说，控制它们在您网站上的加载位置。 通过减少在站点范围内加载的插件数量，您将显着减少浏览器发出的 HTTP 请求的数量。

  • 评分：4.7
  • 安装数量：20,000+
  • 价格：免费

有多少 HTTP 请求太多了？

本质上，HTTP 请求并不坏。 它们是您网站内容呈现过程中不可或缺的一部分，只有当它们过多时才会对您的网站有害。

也就是说，您可能想知道—— “多少 HTTP 请求是好的做法？”

小型或中型网站的理想 HTTP 请求数少于 25，但您的目标应该是少于 50，以获得更易于管理的初始规模。

请务必注意，最佳 HTTP 请求数可能会因 WordPress 网站的大小和复杂性而异。 一个好的经验法则是尽可能通过组合和缩小文件来尝试将 HTTP 请求的数量保持在最低限度。

具有优化的 HTTP 请求数量的网站的一些特殊示例包括：

  • Amazon.com：尽管是一个拥有许多图片和资源的大型电子商务网站，但亚马逊丰富的主页平均有 260 个 HTTP 请求，加载时间无可挑剔。
  • Medium.com：托管博客和文章的 Medium 平台在初始加载时只有 80 个 HTTP 请求。
  • Getbootstrap.com：Bootstrap网站提供了一个流行的前端开发框架，在其主页上展示了教科书式的 HTTP 请求优化，令人印象深刻的 20 个请求。
  • Basecamp.com：Basecamp的项目管理平台只发送 36 个 HTTP 请求。

这些网站优化了它们的资源、组合文件并使用有效的编码实践来将 HTTP 请求的数量保持在最低限度，从而产生了快速加载、高性能的网站。

下一步

为您的案例选择减少 HTTP 请求的最佳工具将取决于您的要求、预算和优化策略。

为确保您的站点的最佳性能，重要的是继续运行测试以确认新引入的解决方案正在发挥作用。

此外，不要忘记监控您网站的分析，特别是您的流量和用户行为。 如果在解决过多 HTTP 请求的问题后网站的跳出率下降并且网站的平均停留时间增加，则这是一个好兆头，表明这些更改已经提高了网站的性能。