什么是 http
请求?
每当有人访问您的网站时,HTTP
请求就是发送到服务器的请求。这些请求可以包含服务器的各种信息并采取行动。这种请求最重要的部分是网址。根据这些信息,服务器将尝试返回一个有效的响应,例如一个文件。HTTP
/1.0 是 HTTP
的第一个稳定实现,它依次执行这些请求。这意味着在发送下一组请求之前,需要完成一组请求。显然,这意味着包含大量外部文件的页面将承受更长的加载时间,并降低您网站的速度。
如何减少 HTTP
请求,加快 WordPress
网站速度
加载大量文件的方法会导致较长的加载时间。现在你可能想知道“如何加快这个过程?”。幸运的是,有一些技术可以帮助你。
以下是一些提高加载速度的方法:
(1)减少 HTTP
请求的数量。
(2)用 Gzip
压缩网页
(3)开头放 CSS
,结尾放 JS
(4)不要在 4)CSS
中使用表达式
(5)不要把 CSS
和 js
直接写入网页,而是从外部加载。
(6)减少 DNS
查询次数。
(7)去除 JS
和 CSS
中的冗余
(8)减少重定向。
(9)使用不通过 Cookie
的域名。
浏览器管道
自从 HTTP
/1.1 的引入,可以使用一个叫做“浏览器行”的函数。此功能允许浏览器快速获取多个文件,而无需等待以前的完成请求。这意味着浏览器不必等待很长时间来发送下一个请求。
理论上,默认启用该功能是很方便的。可悲的是,在实践中,仍然存在一些缺陷。由于其异步特性,文件可能会被错误加载。
让我们以一个定制的 jQuery
插件为例,说明浏览器行可能更容易受到景点的影响。因为您的自定义插件依赖于 jQuery
,所以您需要在插件正常运行之前完全加载 jQuery
库。你可能已经知道这可能是错误的。由于浏览器管道不等待以前的请求,您可以在 jQuery
之前加载您的插件。结果呢?JavaScript
错误。
加载顺序的问题很容易发生在像图像这样的东西上。对于图像,图像的显示顺序可能与 HTML
中的实际顺序不同。
2.滚动果酱(HOL
)
使用浏览器管道时有时会出现的另一个现象是滚动块。这意味着特定数据包(文件的一部分)无法成功完成同一文件的另一个数据包。一旦第一个数据包被传输到浏览器,其他数据包只能向前移动。由于上述问题,默认情况下大多数浏览器都是禁用的。在最新版本的 HTTP
中,HTTP
/2,正确地称为 HTTP
/2,通过使用称为多路复用的技术来解决管道问题,该技术通过单个 TCP
连接传输多个 HTTP
请求。如果您想使用这项技术,请确保服务器和观众的浏览器支持 HTTP
/2。
3.将 JavaScript
文件从标题中移走
有另一种方法可以更快地加载您的网站,而不会造成太多麻烦。
引入所有必要的 CSS
和 JavaScript
通常被认为是一种惯例。但是,这种技术的问题是,剩余的 HTML
不会显示,因为这些文件阻止了它的呈现。这将使您的访问者在空白页上停留几秒钟。
早在 2007 年,新的/实践是所有的 JavaScript
都从页面底部移动,就在标记之前。为什么呢?因为在加载所有文件之前,JavaScript
会阻止页面的任何进一步呈现。通过移动 JavaScript
,页面的 HTML
将被呈现,而不是最终存在。有时,您可能希望在加载特定的 JavaScript
文件后制作此页面。从 HTML
中删除文件时,这将是唯一的例外。
不建议将 CSS
移到页面底部,因为这样会妨碍浏览器正确显示和格式化内容。这会影响整体用户体验。没有人想访问屏幕上会跳过的网站,因为样式终于加载了。虽然 HTTP
请求的数量不会减少到页面顶部,但确实可以提升整体体验。
4.减少文件数量
另一种加速网站访问的方法是限制加载文件的数量。这是因为浏览器会为您尝试加载的每个文件向服务器发送单独的 HTTP
请求。文件越少,请求越少,所以网站速度快。
最常见的是 JavaScript
、CS
和图像,这是页面加载缓慢的主要原因。要解决这个问题,可以使用一些技巧,即:
5.缺少 JavaScript
和 CSS
文件
将 CSS
和 JavaScript
结合起来,不仅可以减少整体文件大小,还可以减少需要加载的文件数量。一个好的经验方法是将文件分开分组。如果有多个文件要处理图像,最好将它们组合在一起。
此外,通过限制最初加载的 CSS
文件的数量,可以减少总加载时间。CSS
文件最初加载后,浏览器可以缓存它,因此后续请求不会花费更多时间。您可以想象您有一个包含所有相关 CSS
和缓存的文件,这可以显著改善整体体验。
如果您有特定页面的 CSS
,最好单独加载文件。因此,您不会不必要地将未使用的特定 CSS
规则转移到 HTML
的其他地方。
6.优化图像
有些主题非常依赖图片。因为图像本身是一个单独的文件,所以它们也是 HTTP
限制的受害者。为了解决这个问题,可以使用一种叫做 CSS
Spriting
的技术。这项技术允许您拍摄多个图像(通常是相似的),并将其简化为图像。然后,只显示一些 CSS
技术,只显示某些部分。
7.延迟装载
使用延迟加载插件时,请确保图像不会降低页面速度。延迟加载是一种技术,其中一些 JavaScript
将查看访问者的当前视口,并只加载视图中的图像。延迟加载插件是一个很好的解决方案,延迟图像加载直到用户开始向下滚动。
8.额外提示:使用 CDN
最后,还有一个额外的提示。内容分发网络(CDN
)是一个全球优化的服务器网络,可以保证静态内容的快速分发,如图像、CSS
和 JavaScript
。使用 CDN
的主要优点是可以从单独的服务器检索内容。这克服了一次向单个服务器发送大量请求的 HTTP
限制。通过克服这个限制,您可以缩短加载时间!这些 cdn
的另一个优点是,数据来自离您的访问者最近的服务器。与服务器的距离越短,数据检索速度越快。您可以使用多个 cdn
,这意味着您的浏览器可以同时处理更多的 HTTP
请求。
如你所见,有很多技术可以减少网站的加载时间。到目前为止,您可以执行的最大改进是减少发送到服务器的 HTTP
请求的数量。
以上就是 WordPress
如何减少请求数量的详细内容。欲了解更多信息,请收藏汇站网!
转载请注明:汇站网 » WordPress
站点如何减少 HTTP
请求?