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

前端之家收集整理的这篇文章主要介绍了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/

原文链接:https://www.f2er.com/html/229762.html

猜你在找的HTML相关文章