如何减少WordPress网站中的HTTP请求

您是否要减少WordPress网站中的HTTP请求数量?大。您正在努力提高WordPress网站的速度。

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

在WPblog上,我们已经广泛撰写了有关如何加快WordPress网站和网站性能的文章:

  1. 2020年加速WordPress网站的28种方法
  2. 如何配置MaxCDN来加快WordPress网站的速度?
  3. 影响网站加载速度的5大因素
  4. 2020年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 +我打开开发者工具,或者您可以在任何页面上右键单击鼠标,然后单击“检查”以打开开发者工具。

检查HTTP请求

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

HTTP请求

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

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

如何在WordPress中减少HTTP请求

要强制WordPress发出更少的HTTP请求,您只需要遵循以下概述的技术即可:

  1. 创建CSS图像精灵

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

    在此示例中(我在w3schools.com上进行了测试),您具有“首页”,“下一步”和“返回”三个不同的图标。但它们合并为一张图像,并使用部分图像进行预览。

    图片精灵

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

    图像精灵动作中

  2. 删除不必要的图像

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

  3. 减少档案大小

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

  4. 优化外部图像

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

  5. 删除不必要的文件

    删除不必要的图像不足以减少WordPress中的HTTP请求。有时,由于插件或数据文件在后台运行,因此未用于生成HTTP请求。只需卸载或删除这些插件或数据文件,即可在WordPress网站上发出更少的HTTP请求

  6. 延迟加载

    您也可以通过WordPress插件(如“延迟加载”)发出更少的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网站中10种HTTP请求的方法。

如果您想走得更远,可以通过以下一些久经考验的方法来提高网站的速度。

如果您对其他主题有任何疑问,请与我们联系,我们将在下面的评论中为您提供详细的答案,我们会尽快与您联系!

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

相关文章