css sprite图像加载时间哪个更快？

Question

最近我将我的网站切换到css sprites以提高性能。我以前有一个dll的五个16 x 16px imgs，我现在有一个css精灵，220x140px由5个图像加上文本组成。加载这个更大的图像真的更快吗？

Answer 1

答案是“它取决于”

如果从精灵图像中加载一个图像，则速度较慢，因为文件大小较大。

但如果您要开始第二次图像的第二次请求，则精灵变得更快。

Answer 2

我相信真实的精灵总是最好的解决方案。我只是不明白你如何从5x 16px到16px到一个220px到140px的单个文件。如果您使用最小的空间，您应该能够使用16px到80px的单个图像。大小确实是幕外的事。将文本放在图像中并不是一个好主意。在html中将文本作为纯文本发送要快得多，而且对于使用屏幕阅读器的人来说，广告的可读性要好得多。如果它使用了一些特殊的字体或样式，我只能将文字放在图像中，我无法用css重现。

Answer 3

说实话，这取决于你需要加载多少次。数量较少，速度较慢，但​​数量较多，速度较快。

Answer 4

精心构建精灵（不浪费大量空间）并在网站的任何地方使用是！特别是在移动设备上，请求之间的延迟和时间可能非常大。