CSS Sprite加載速度 - 哪個更快？

Question

哪種技術具有更好的渲染時間，通常更好？我正在研究的文件非常大，精靈中有超過300個小圖標（16x16）。下面兩個例子。首先是自動生成的css SpritesSticker

.sr-chat-min-btn { background: url(icons.png) no-repeat 0px -153px; } 
.sr-btn-views { background: url(icons.png) no-repeat -42px -141px; } 
.sr-star-gold-right { background: url(icons.png) no-repeat -21px -141px; } 

其次是我的「優化」版本。

.sr-chat-min-btn, .sr-btn-views, .sr-star-gold-right { background: url(icons.png) no-repeat } 
.sr-chat-min-btn { background-position: 0px -153px; } 
.sr-btn-views { background-position: -42px -141px; } 
.sr-star-gold-right { background-position: -21px -141px; } 

Answer 1

如果有任何性能差異在所有客戶端上的，它在的風格，精靈圖像的未加載計算。我可以保證你有沒有性能差異。

加載時間是與服務器或Internet連接有關的問題，而不是瀏覽器的呈現引擎。