html – 在什么情况下,使用HTTP2将图像单独加载比使用一个sprite a HTTP HTTP1.1一次加载所有图像更慢?

html – 在什么情况下,使用HTTP2将图像单独加载比使用一个sprite a HTTP HTTP1.1一次加载所有图像更慢?,第1张

概述HTTP / 2使得可以多路复用连接,从而不需要多个到服务器的连接.通过单个连接,可以向客户端发送许多单独的图像.这样可以消除将许多图像合并成一个并使用CSS将其分开的旧图像精灵图案. 我很好奇,如果精灵在HTTP / 2世界中仍然会更快.如果是这样,在什么情况下呢? 您将会知道,Sprites可用于防止多个请求排队,因此使用一个有效载荷可以获取站点的所有精灵. 但是,使用精灵,您往往会在整个网站 http / 2使得可以多路复用连接,从而不需要多个到服务器的连接.通过单个连接,可以向客户端发送许多单独的图像.这样可以消除将许多图像合并成一个并使用CSS将其分开的旧图像精灵图案.

我很好奇,如果精灵在http / 2世界中仍然会更快.如果是这样,在什么情况下呢?

解决方法 您将会知道,Sprites可用于防止多个请求排队,因此使用一个有效载荷可以获取站点的所有精灵.

但是,使用精灵,您往往会在整个网站上获得大量额外的图标,这些图标并不是所有单页上都需要的.

所以用http / 2复用,排队资源不再是一个问题.当您只下载每个页面所需的文件时,您可以获得速度优势.

然而,您可以通过将一些图像组合到单个文件中来获得更好的压缩,使文件传输的总体尺寸更小.

BenoîtBéraud和Alexandre Masselot运行的速度测试给出了一个比个人精灵加载速度更快的例子.他们得出结论,使用http / 2 http://blog.octo.com/en/http2-arrives-but-sprite-sets-aint-no-dead/时,精灵集仍可用于优化站点性能

可以在这里找到关于http / 2的扩展写作:
https://www.smashingmagazine.com/2016/02/getting-ready-for-http2/

总结

以上是内存溢出为你收集整理的html – 在什么情况下,使用HTTP / 2将图像单独加载比使用一个sprite a HTTP HTTP / 1.1一次加载所有图像更慢?全部内容,希望文章能够帮你解决html – 在什么情况下,使用HTTP / 2将图像单独加载比使用一个sprite a HTTP HTTP / 1.1一次加载所有图像更慢?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1091711.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存