CSS sprite減少頁面加載時間多少？

我知道你可以通過使用CSS sprite來減少頁面加載時間。因爲這會減少往返等。CSS sprite減少頁面加載時間多少？

是他們的任何數值或性能測試，通過使用CSS sprite可以保存多少平均頁面加載時間。我知道這將取決於網站。我有興趣瞭解像Amazon.com這樣的電子商務網站的一般數據。

此外，如果您使用異步圖像加載如JAIL您可以節省多少時間。我知道你不能異步加載所有東西。

2013-05-02 KhanSharp

這將取決於圖像的數量被放入一個精靈，以及如何快速您的服務器處理ruquests。 – 2013-05-02 01:27:55

當然，但我想知道是否有任何一般實驗來估計收益。 – KhanSharp 2013-05-02 01:30:33

簡單：使頁面加載速度有時和無精靈。這是最好的告訴方式。 Google的pagespeed也是一個有用的工具。 – 2013-05-02 01:35:02

與大圖像相比，具有較大的精靈，大精靈的文件大小並不比小圖像大得多，假設您將圖像水平排列在精靈圖像中，就像所期望的那樣。

大多數瀏覽器會同時進行大約6次同時下載。所以一般的經驗法則是，如果你有超過6個圖標，或主題圖形，它應該是sprited。如果你有照片或插圖，他們不應該萌芽。

2013-05-02 04:19:04 Xarcell

爲了擴大這一點，從語義上講，照片等應該是''圖像，而圖標自然是CSS樣式的更多部分（如精靈） – babonk 2016-09-15 16:55:20

不正確地使用精靈將導致服務器過載。精靈用於減少服務器請求的數量，但jpg格式的大型srpites可能不好。

它就像資產負債或者更少的大小或精靈的所有小圖片，我涵蓋小尺寸的多個圖像

頁面加載可高達10倍的係數降低，當他們使用優化！

希望這有助於

2013-10-17 10:59:43 Sudharsun

回答