html - 精灵与单个图像

Question

好的——对于一个反复加载的网站来说，这是一个显而易见的问题。一个 sprite 表（可能会缓存在用户系统上）和一些花哨的 css 背景位置技巧，你为自己节省了大量的服务器请求。

但是对于一个网络应用程序，它加载一次，再也不会加载。精灵真的是要走的路。是的，将其分解为单独的 png 意味着需要更多的请求，但从长远来看，这如何公平？

我猜这完全取决于渲染引擎和内存管理的工作方式，但从长远来看，似乎在整个地方复制一个 200k 的精灵表可能对性能的成本更高......

Answer 1

通常，您将使用 sprite 更改特定元素的状态，例如按钮，而不是一次更改所有图像。在这种情况下使用 sprite 的好处不仅是保存请求，而且还可以立即进行状态更改（比如鼠标悬停）。