css sprite Img的加載時間更快？

Question

最近我一直在切換我的網站到CSS的精靈，以提高性能。我曾經有一個dll有五個16 x 16像素的imgs，我現在有一個css sprite，它是由這5個圖像和文本組成的220x140px。加載這個較大的圖像真的很快嗎？

Answer 1

我相信真正的活精靈永遠是最好的解決方案。我只是不明白你如何從5x16px的16px獲得一個單一的文件的220px的140px。如果您使用最小的空間，您應該可以使用16像素x 80像素的單張圖像進行處理。大小確實是非正常的事情。把你的文字放在圖像中並不是一個好主意。在HTML中以純文本形式發送文本要快得多，而且它的廣告對於使用屏幕閱讀器的人來說更具可讀性，而且對於SEO來說更好。如果它使用某些特殊的字體或樣式，我只能將圖像放入圖像中，但我無法用CSS重現。

Answer 2

事實上，這取決於您必須加載多少次。數量較少時速度較慢，但​​數量較多時速度會更快。

Answer 3

答案是如果從精靈圖像是加載速度較慢，因爲較大的文件大小的一個形象，「這取決於」

。

但是，如果你要開始第二個圖像的第二個請求，精靈變得更快。

Answer 4

精心打造精靈（不浪費大量空間）並在網站中隨處使用是！特別是在移動設備上，請求之間的延遲和時間可能相當長。