Skip to content

Latest commit

 

History

History
11 lines (6 loc) · 1.09 KB

File metadata and controls

11 lines (6 loc) · 1.09 KB

图像精灵(或CSS精灵)在Web上有很长的历史,所有浏览器都支持它,通过将它们组合成一个更大的图像切片来减少页面加载的图像数量,这是一种很流行的方法。

图像精灵仍然广泛应用于大型生产环境站点,包括谷歌主页。

在HTTP/1.x下,一些开发人员使用图像精灵来减少HTTP请求。这样做有很多好处,但是需要小心,因为你很快就会遇到缓存失效的挑战 —— 对图像精灵的任何一小部分的更改都会使用户缓存中的整个图像无效。

然而,图像精灵现在可能是HTTP/2反模式。 使用HTTP/2,最好加载单个图像,因为现在可以在单个连接中进行多个请求。因此需要评估你自己的网络设置是否属于这种情况。