2011-08-31 90 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连接有关的问题,而不是浏览器的呈现引擎。