2011-08-31 138 views
0

哪種技術具有更好的渲染時間,通常更好?我正在研究的文件非常大,精靈中有超過300個小圖標(16x16)。下面兩個例子。首先是自動生成的css SpritesStickerCSS Sprite加載速度 - 哪個更快?

.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; } 

回答

3

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

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