您想减少 WordPress 站点中的 HTTP 请求数量吗?大的。您正在尝试提高 WordPress 网站的速度。

大多数 WordPress 网站的页面加载时间都很长,所有者通常不知道该做什么以及该避免什么。影响网站速度和加载时间的因素之一是 HTTP 请求,在本文中,我将指导您如何减少 WordPress 网站上的 HTTP 请求数量。

在 WPblog,我们写了很多关于如何加速您的 WordPress 网站和网站性能的文章:

  1. 28 种在 2020 年加速您的 WordPress 网站的方法

    li>

  2. 如何配置MaxCDN加速WordPress网站?
  3. 影响网站加载速度的 5 大因素
  4. 20 年加载速度最快的 20 个 WordPress 主题以加快页面速度

此外,还有很多检查 WordPress 网站速度的方法,因此除了本指南之外,您还可以采取所有其他措施来加快 WordPress 网站的速度。

现在,让我们回到房间里的大象:如何减少 WordPress 中的 HTTP 请求数量!

在破坏代码之前,您需要了解什么是 HTTP 以及如何查看这些 HTTP 请求。

让我们一探究竟。

什么是HTTP?

HTTP 或“超文本传输​​协议”是一种客户端-服务器协议,允许获取 HTML 文档等资源。 HTTP 基本上是互联网上数据交换的基础,没有 HTTP,您将无法在任何网站上查看文件和其他文档。客户端和服务器之间的任何通信都是通过 HTTP 请求和 HTTP 响应完成的。

当你访问任何站点时,客户端浏览器都会向服务器发送HTTP请求,获取文本内容、图片文件、CSS、Javascript和视频等,即通过以下方式获取该网站的所有内容HTTP!

我们详细讨论了 HTTP 2 的重要性,以及如果您想更深入地研究 HTTP,它对 WordPress 网站如此重要的原因!

如何查看HTTP请求?

您可以使用浏览器中的开发人员工具来查看对网站的 HTTP 请求。例如,在 Google Chrome 中,按 CTRL+SHIFT+I 打开开发者工具,或者您可以右键单击任何页面并单击“检查”以打开开发者工具。

接下来,点击“网络" 并刷新页面;以下屏幕将出现在开发人员工具上。

现在可以查看您网站的元素,您还可以检查您网站上的 HTTP 请求数。

太棒了!现在您知道如何检查站点上的 HTTP 请求数了。现在让我们开始了解如何减少 WordPress 上的 HTTP 请求以使其更快。

如何在 WordPress 中减少 HTTP 请求

要强制 WordPress 减少 HTTP 请求,您只需要遵循以下概述的技术:

  1. 创建 CSS 图像精灵

    图像精灵是将一组图像放入单个图像中。由于多个图像需要时间来加载并生成更多请求,因此相比之下,单个图像可以节省时间和带宽。

    在这个例子中(我在 w3schools.com 上测试过),你有三个不同的图标用于“Home”、“Next”和“Back”。但是它们合并为一个图像并使用部分图像进行预览。

    你正如您在下图中看到的,我为三个不同的 ID(Frontpage、Next、Back)中的每一个都使用了一个图像 URL 三次,并且在每个 ID 中它预览了一个不同的图像图标。为什么?通过在样式表的“px”中添加它的位置,我们可以预览图像的任何特定位置,这有助于减少 WordPress 网站上的 HTTP 请求数量,并使页面加载速度更快。

  2. 删不掉必要的图像

    我们的媒体文件中都有不需要的图像。从媒体库中删除所有未使用和不必要的图像也有助于减少请求。

  3. 减小文件大小

    您还可以通过减小图像大小来提高站点服务器的速度和请求数量。在将它们上传到您的 WordPress 网站之前,请务必先优化您的 wordpress 网站图像大小,因为它有助于提高您网站的速度。

  4. 优化外部图像

    影响 HTTP 请求数量和站点速度的主要因素之一是外部图像。这些可以是用户在评论部分或他们的个人资料图片中添加的图像。 Gravatar 图像是外部图像的一个很好的例子,它会增加 HTTP 请求的数量并会减慢页面加载时间。为避免这种情况,您可以在评论部分使用诸如 Disqus 之类的插件来帮助您处理不必要的 HTTP 请求。

  5. 删除不需要的文件

    删除不需要的图片不足以减少 WordPress 中的 HTTP 请求。有时,插件或数据文件不用于生成 HTTP 请求,因为它们在后台运行。只需卸载或删除这些插件或数据文件,即可减少 WordPress 网站上的 HTTP 请求

  6. Lazy loading

    您也可以使用 WordPress 插件,例如“lazy loading”)减少 HTTP 请求,此方法仅加载屏幕上可见的图像。其余图像仅在用户向下滚动并显示页面其余部分时加载。这是在您的 WordPress 网站上设置延迟加载的指南。

  7. 使用缓存插件

    缓存插件是减少 HTTP 请求数量的最可靠方法之一。在客户端,Web 浏览器将构建并保留 WordPress 站点中所有数据文件的缓存。保存后,您的网站将自动加载页面,而无需向您的网站发送 HTTP 请求。这是最好的缓存 WordPress 插件,可实现快速加载速度。

  8. 忽略无关资产

    就像延迟加载一样,忽略无关资产意味着我们只加载那些文件、插件或其他资产(.CSS 和.JS 文件)。有许多插件可以扫描您的页面并检测所有加载的资产。 Asset Cleanup 插件非常适合此过程,它会延迟对访问者在可见页面上未使用的其他插件、文件或其他数据资产的请求。

  9. 合并 CSS 文件

    WordPress 中通常有多个 CSS 文件,因为开发人员发现使用单独的文件很容易。但是,结果是它生成了大量的 HTTP 请求。但解决这个问题的一个简单方法是将所有 CSS 文件合并到一个 CSS 文件中。合并所有文件后,您的站点将为 CSS 文件生成一个 HTTP 请求。

  10. 有限的图像使用

    图像可以增加网站的视觉趣味。但是,使用过多的图像会给您的网站增加不必要的负担。为避免这种情况,您只需要限制用于单个博客文章的图像数量。使用 11 到 15 张图片是在视觉吸引力和网站过载之间保持平衡的好方法。

希望上述技术能大大减少 WordPress 站点上的 HTTP 请求数。在本文中,我们讨论了什么是 HTTP、如何检查 HTTP 请求的数量以及减少 WordPress 站点中 HTTP 请求的 10 种方法。

如果您想走得更远,这里有一些提高网站速度的可靠方法。

如果您对其他话题有任何疑问,请联系我们,我们会在下方评论中为您详细解答,我们会尽快给您回复!

文章如何减少 WordPress 站点中的 HTTP 请求首先出现在 WPblog 上。