css-sprites - 背景图像 : to sprite or not to sprite?

Question

任何人都可以评论是否对图像使用 Sprite 的决定？我看到以下好处/权衡(其中一些可以减轻):

单个图像上的 Sprite

优点:

需要管理的图像更少

更容易实现主题图像

图像交换 (JS/CSS) 发生得更快(因为它们不需要额外的图像加载)

由于 HTTP 请求较少，图像加载速度更快

要缓存的图像更少(尽管总体 KB 几乎没有差异)

缺点:

更多后台职位管理

图片负载可能过度膨胀( Sprite 可能包含未使用的图片)，导致页面加载速度可能变慢

图片加载速度较慢，因为无法同步下载

Answer 1

我不认为对此有一个明确的答案。意见会根据需要和个人喜好而有所不同。

我的指导方针是始终评估对最终用户的好处与对开发人员的好处。 IE。您作为开发人员所做的工作的真正值(value)是什么？

减少 HTTP 请求的数量始终是优化网页时首先要解决的问题之一。正确使用缓存可以实现与使用 sprite 所做的大部分相同的事情。毕竟，图形通常可以缓存很长时间。

最小化脚本和样式表可能比在 Sprite 中添加图形更有好处​​。

您用于管理 Sprite 的代码可能会增加复杂性和开发人员的开销，尤其是随着开发人员数量的增加。

在我看来，学习正确使用缓存头并正确配置您的网络服务器或代码通常可能是提高性能的更强大的方法。