您想减少 WordPress 站点中的 HTTP 请求数量吗?大的。您正在尝试提高 WordPress 网站的速度。
大多数 WordPress 网站的页面加载时间都很长,所有者通常不知道该做什么以及该避免什么。影响网站速度和加载时间的因素之一是 HTTP 请求,在本文中,我将指导您如何减少 WordPress 网站上的 HTTP 请求数量。
在 WPblog,我们写了很多关于如何加速您的 WordPress 网站和网站性能的文章:
- 28 种在 2020 年加速您的 WordPress 网站的方法
li>
- 如何配置MaxCDN加速WordPress网站?
- 影响网站加载速度的 5 大因素
- 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 请求,您只需要遵循以下概述的技术:
- 创建 CSS 图像精灵
图像精灵是将一组图像放入单个图像中。由于多个图像需要时间来加载并生成更多请求,因此相比之下,单个图像可以节省时间和带宽。
在这个例子中(我在 w3schools.com 上测试过),你有三个不同的图标用于“Home”、“Next”和“Back”。但是它们合并为一个图像并使用部分图像进行预览。
你正如您在下图中看到的,我为三个不同的 ID(Frontpage、Next、Back)中的每一个都使用了一个图像 URL 三次,并且在每个 ID 中它预览了一个不同的图像图标。为什么?通过在样式表的“px”中添加它的位置,我们可以预览图像的任何特定位置,这有助于减少 WordPress 网站上的 HTTP 请求数量,并使页面加载速度更快。
- 删不掉必要的图像
我们的媒体文件中都有不需要的图像。从媒体库中删除所有未使用和不必要的图像也有助于减少请求。
- 减小文件大小
您还可以通过减小图像大小来提高站点服务器的速度和请求数量。在将它们上传到您的 WordPress 网站之前,请务必先优化您的 wordpress 网站图像大小,因为它有助于提高您网站的速度。
- 优化外部图像
影响 HTTP 请求数量和站点速度的主要因素之一是外部图像。这些可以是用户在评论部分或他们的个人资料图片中添加的图像。 Gravatar 图像是外部图像的一个很好的例子,它会增加 HTTP 请求的数量并会减慢页面加载时间。为避免这种情况,您可以在评论部分使用诸如 Disqus 之类的插件来帮助您处理不必要的 HTTP 请求。
- 删除不需要的文件
删除不需要的图片不足以减少 WordPress 中的 HTTP 请求。有时,插件或数据文件不用于生成 HTTP 请求,因为它们在后台运行。只需卸载或删除这些插件或数据文件,即可减少 WordPress 网站上的 HTTP 请求
- Lazy loading
您也可以使用 WordPress 插件,例如“lazy loading”)减少 HTTP 请求,此方法仅加载屏幕上可见的图像。其余图像仅在用户向下滚动并显示页面其余部分时加载。这是在您的 WordPress 网站上设置延迟加载的指南。
- 使用缓存插件
缓存插件是减少 HTTP 请求数量的最可靠方法之一。在客户端,Web 浏览器将构建并保留 WordPress 站点中所有数据文件的缓存。保存后,您的网站将自动加载页面,而无需向您的网站发送 HTTP 请求。这是最好的缓存 WordPress 插件,可实现快速加载速度。
- 忽略无关资产
就像延迟加载一样,忽略无关资产意味着我们只加载那些文件、插件或其他资产(.CSS 和.JS 文件)。有许多插件可以扫描您的页面并检测所有加载的资产。 Asset Cleanup 插件非常适合此过程,它会延迟对访问者在可见页面上未使用的其他插件、文件或其他数据资产的请求。
- 合并 CSS 文件
WordPress 中通常有多个 CSS 文件,因为开发人员发现使用单独的文件很容易。但是,结果是它生成了大量的 HTTP 请求。但解决这个问题的一个简单方法是将所有 CSS 文件合并到一个 CSS 文件中。合并所有文件后,您的站点将为 CSS 文件生成一个 HTTP 请求。
- 有限的图像使用
图像可以增加网站的视觉趣味。但是,使用过多的图像会给您的网站增加不必要的负担。为避免这种情况,您只需要限制用于单个博客文章的图像数量。使用 11 到 15 张图片是在视觉吸引力和网站过载之间保持平衡的好方法。
希望上述技术能大大减少 WordPress 站点上的 HTTP 请求数。在本文中,我们讨论了什么是 HTTP、如何检查 HTTP 请求的数量以及减少 WordPress 站点中 HTTP 请求的 10 种方法。
如果您想走得更远,这里有一些提高网站速度的可靠方法。
如果您对其他话题有任何疑问,请联系我们,我们会在下方评论中为您详细解答,我们会尽快给您回复!
文章如何减少 WordPress 站点中的 HTTP 请求首先出现在 WPblog 上。