css-sprite是一个很好的技术吗？

Question

1. 是css-sprite好技术？我在http://spriteme.org/上读到了它的专业知识,我也在stackoverflow中看到了很多关于css sprites的问题.

2. 它的缺点是什么？

3. 它会在所有浏览器中工作吗？

Answer 1

是的,这是一个很好的技术.

您可以减少HTTP请求的数量,它是一种页面优化技术.

第一条规则

雅虎加速网站的最佳实践

是

最小化HTTP请求

最终用户响应时间的80%用于前端.大部分时间都在下载页面中的所有组件:图像,样式表,脚本,Flash等.减少组件数量反过来减少了呈现页面所需的HTTP请求数量.这是更快页面的关键.

CSS Sprites是减少图像请求数量的首选方法.将背景图像合并为单个图像,并使用CSS背景图像和背景位置属性显示所需的图像片段.

减少页面中组件数量的一种方法是简化页面设计.但有没有办法构建内容更丰富的页面,同时还能实现快速响应时间？以下是一些减少HTTP请求数量的技术,同时仍支持丰富的页面设计.

当您需要更改精灵内图像的尺寸时,您必须重新计算图像的偏移.但我不认为这是一个巨大的负担.

几乎所有现代浏览器都支持它.

这也是关于CSS sprites的好文章

CSS Sprites:它们是什么,为什么它们很酷,以及如何使用它们