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

我知道你可以通过使用CSS sprite来减少页面加载时间。因为这会减少往返等。CSS sprite减少页面加载时间多少？

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

此外，如果您使用异步图像加载如JAIL您可以节省多少时间。我知道你不能异步加载所有东西。

2013-05-02 KhanSharp

这将取决于图像的数量被放入一个精灵，以及如何快速您的服务器处理ruquests。 – 2013-05-02 01:27:55

当然，但我想知道是否有任何一般实验来估计收益。 – KhanSharp 2013-05-02 01:30:33

简单：使页面加载速度有时和无精灵。这是最好的告诉方式。 Google的pagespeed也是一个有用的工具。 – 2013-05-02 01:35:02

与大图像相比，具有较大的精灵，大精灵的文件大小并不比小图像大得多，假设您将图像水平排列在精灵图像中，就像所期望的那样。

大多数浏览器会同时进行大约6次同时下载。所以一般的经验法则是，如果你有超过6个图标，或主题图形，它应该是sprited。如果你有照片或插图，他们不应该萌芽。

2013-05-02 04:19:04 Xarcell

为了扩大这一点，从语义上讲，照片等应该是''图像，而图标自然是CSS样式的更多部分（如精灵） – babonk 2016-09-15 16:55:20

不正确地使用精灵将导致服务器过载。精灵用于减少服务器请求的数量，但jpg格式的大型srpites可能不好。

它就像资产负债或者更少的大小或精灵的所有小图片，我涵盖小尺寸的多个图像

页面加载可高达10倍的系数降低，当他们使用优化！

希望这有助于

2013-10-17 10:59:43 Sudharsun

回答