如何减少WordPress中的HTTP/S请求

2021-08-01
WordPress

您想减少 WordPress 网站上的 HTTP/S 请求，在本文中，您将学习如何在您的 WordPress 网站上做到这一点。在着手减少请求之前，让我们深入了解什么是 HTTP/S 请求，以及可用于检查任何网站上的 HTTP/S 请求数量的工具有哪些。

什么是 HTTP/S 请求？

每次加载网站时，浏览器都会向服务器发送请求。在初始请求之后，服务器发送所有必要的文件以在浏览器上加载完整的网站。这些文件包括图像、CSS 文件、js 文件、音频和视频文件。浏览器接收到的每个文件都被视为一个请求。

任何网站上的请求数量越少，网站的速度就越高。该网站将通过很少的 HTTP/S 请求快速加载。而且您已经知道网站速度也是谷歌等搜索引擎的主要排名因素之一。

在本文后面，您将学习如何减少 WordPress 中的 HTTP/S 请求。

检查网站 HTTP/S 请求数量的工具？

现在您知道什么是 HTTP/S 请求了，如果您知道如何检查网站的 HTTP/S 请求，则跳到下一步或继续阅读。

Google Chrome 开发者工具/Firefox 中的 Firebug
您可以使用开发者工具检查 Chrome 浏览器中的请求数量，您无需安装任何东西。如果您使用的是 Firefox，那么您应该安装 Firebug 插件，Firebug 也类似于 Chrome 开发者工具。

您可以通过转到更多工具 > 开发人员工具或使用此快捷方式 Ctrl/Cmd+Shift+I 打开 Chrome 开发人员工具。

导航到网络选项卡，加载您要检查的网站在状态栏中的请求数，您可以看到该网站的 HTTP/S 请求数。

在 Firefox 中，只需打开 Firebug 并单击网络选项卡。加载网站，现在您也可以在 Firefox 中看到请求的数量。
Pingdom 工具
Pingdom 工具是可用于网站速度优化的最佳免费工具之一，并且易于使用。只需输入网站的域名，选择测试服务器位置并提交进行测试。您将获得请求数量、加载时间和许多有用信息。

现在您拥有来自 Pingdom 工具的 HTTP/S 请求数。
GTmetrix
GTmetrix 也是最好的工具之一，它类似于 Pingdom Tools，您将在 GTmetrix 分析中获得大量有关网站速度优化的信息。

在 GTmetrix 分析页面上，您可以看到请求数和加载时间。
Google PageSpeed Insights
使用 Google PageSpeed Insights，您不会获得 HTTP/S 请求的数量。你可以通过谷歌查看速度得分。只需输入域名并点击分析。

在此分析中，您将看到许多优化网站速度的有用提示。

如何减少 WordPress 中的 HTTP/S 请求

在这一步中，您将学习减少任何网站的 HTTP/S 请求的技巧，尤其是在 WordPress 中。为了减少请求，我们应该减少网站加载的文件数量。如果您对基本的 Web 开发工具不是很熟悉，这里有一些适合初学者的编码，可以帮助您入门。

现在，我们可以按照这些简单的步骤来减少这些文件数量。

删除不必要的文件/图像
如果您在网站上加载任何不必要的图像或文件，只需将它们从网站的源代码中删除即可。只需遵循此提示，您就可以减少很多请求。

如果您使用大量图像来加载图标和其他 UI 设计元素，则意味着您正在创建大量对小图像的请求。您可以通过在下一步中创建 CSS Image Sprite 来减少这些请求。
减小文件大小
此技术不是为了减少 HTTP/S 请求的数量，而是有助于减小整个网页的大小并提高页面速度。我们可以通过压缩图像来减小图像的文件大小。我们可以通过缩小所有文件并将其合并为一个文件来减小 CSS 和 JS 文件的大小。

为了无损压缩图像，您可以使用这些 WordPress 插件。
WP Smush 插件
想象
创建一个 CSS Image Sprite
如果您使用图像图标和其他 UI 设计元素，请创建一个 Image Sprite 并使用 CSS 定位加载图标。或者您可以迁移到 Font Awesome 等图标库/工具包。
合并、
缩小CSS 和 JavaScript 文件为了减少 HTTP/s 请求的数量，您应该合并所有的 CSS 和 JavaScript 文件。在 WordPress 网站中，您安装的每个插件都会有与之关联的 CSS 和 JS 文件。合并和缩小这些文件的最佳方法是使用缓存插件。您将在最后一步中了解缓存插件。
限制外部图像/文件/资产
根据您网站从第二步开始的 HTTP/S 请求数量，如果图像/文件/资产等外部资源过多。尝试删除不需要的外部资源。

您可以将这些外部资源下载到您自己的服务器上并从您自己的服务器加载。或者你可以使用像 MaxCDN 这样的 CDN 服务。
使用缓存插件
在 WordPress 中，您可以通过插件实现上述所有功能。只需激活插件并启用复选框即可使用这些功能。

这是 WordPress 中流行的两个，它们是 WP Super Cache 和 W3 Total Cache。

使用这些插件，您可以启用页面缓存。所以每次请求网页时，这个请求都不会发送到数据库。此网页是从静态 HTML 缓存页面加载的。您可以从 WordPress 管理工具栏中清除缓存。

只需启用该功能，您就可以从这些插件中合并、缩小 CSS 和 JavaScript 文件。另一个速度改进技巧是您可以将缩小的 JS 文件移动到关闭 body 部分而不是 head 部分之前。

通过 W3 Total Cache 插件，您可以将其与 MaxCDN 等 CDN 服务集成。

在 WordPress 中使用缓存插件是减少 HTTP/S 请求数量的最简单方法。