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

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/

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些