我知道你可以通过使用 CSS sprite 来减少页面加载时间。因为这将减少往返等。
它们是否有任何数值或性能测试，通过使用 CSS sprite 可以节省多少平均页面加载时间。我知道这将取决于网站。我有兴趣了解 Amazon.com 等电子商务网站的一般数据
此外，如果您使用像监狱这样的异步图像加载，您可以节省多少时间。我知道你不能异步加载所有内容。
问问题
1433 次
2 回答
1
与小图像相比，大精灵与小图像相比，大精灵在文件大小上并不比小图像大多少，假设您像预期的那样将图像水平排列在精灵中。
大多数浏览器会同时进行大约 6 次同时下载。所以一般的经验法则是，如果你有超过 6 个图标或主题图形，它应该是精灵。如果你有照片或插图，它们不应该是精灵。
于 2013-05-02T04:19:04.573 回答
1
精灵使用不当会导致服务器过载。Sprites 用于减少服务器请求的数量，但 jpg 格式的大型 srpites 可能会很糟糕。
这就像平衡所有较小尺寸的较小图像或覆盖更多图像的较小尺寸的精灵
http://coding.smashingmagazine.com/2010/03/26/css-sprites-useful-technique-or-potential-nuisance/
优化使用时，页面加载最多可减少 10 倍！
希望这可以帮助
于 2013-10-17T10:59:43.397 回答