css - 多少 CSS sprite 减少了页面加载时间？

Question

我知道您可以通过使用 CSS Sprite 来减少页面加载时间。因为这将减少往返等。

通过使用 CSS sprite 可以节省多少平均页面加载时间，这是他们的任何数值或性能测试。我知道这将取决于网站。我有兴趣了解 Amazon.com 等电子商务网站的一般数据

此外，如果你使用像 JAIL 这样的异步图像加载你可以节省多少时间。我知道您无法异步加载所有内容。

Answer 1

有一个大的 sprite，而不是一个小的图像，大的 sprite 的文件大小并不比小图像大多少，假设你像你应该的那样在 sprite 中水平排列你的图像。

大多数浏览器会同时进行大约 6 次下载。所以一般的经验法则是，如果您有超过 6 个图标或主题图形，则应该对其进行 Sprite 化处理。如果您有照片或插图，则不应对其进行 sprite。