精靈與單個圖像

Question

好的 - 對於一遍又一遍地加載的 web 站點來說，這是一個明顯的問題。 一個精靈表（可能會緩存在用戶系統上）和一些花哨的 css 背景定位技巧，您為自己節省了大量的服務器請求。

但是對於 web APP，加載一次，再也不會加載。 精靈真的是通往 go 的路。 是的，將其分解為單獨的 png 意味着需要更多的請求，但從長遠來看，這如何公平？

我猜這完全取決於渲染引擎以及 memory 管理的工作方式，但從長遠來看，似乎在整個地方復制一個 200k 的精靈表可能會更加昂貴......

Answer 1

通常，您將使用 sprite 更改特定元素的狀態，例如按鈕，而不是一次更改所有圖像。 在這種情況下使用精靈的好處不僅在於保存請求，還在於使 state 立即更改（例如鼠標懸停）。