多少CSS精灵减少页面加载时间



我知道你可以通过使用CSS精灵来减少页面加载时间。因为这样可以减少往返等。

是否有任何数值或性能测试,通过使用CSS精灵,你可以节省多少平均页面加载时间。我知道这取决于网站。我有兴趣了解像亚马逊这样的电子商务网站的一般数据

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

对于一个大的精灵,相对于一个小的图像,大的精灵在文件大小上并不比小的图像大多少,假设你在精灵中像你期望的那样水平排列你的图像。

大多数浏览器一次会同时进行6次下载。所以一般的经验法则是,如果你有超过6个图标或主题图像,那么它就应该被精灵化。如果你有照片或插图,它们不应该被精灵化。

精灵使用不当会导致服务器过载。Sprites用于减少服务器请求的数量,但jpg格式的大型Sprites可能不好。

这就像平衡所有较小尺寸的图像或较小尺寸的精灵覆盖更多图像

http://coding.smashingmagazine.com/2010/03/26/css-sprites-useful-technique-or-potential-nuisance/

当它们被使用时,页面加载可以减少高达10倍的因素最优! !

希望能有所帮助

最新更新