关于CSS sprite 的使用心得。

实现：

用css的背景样式+一整张包含很多小元素的图片实现各种页面元素。

 

前提：

对于一般的asdl国内的宽带，当图片小于200KB时，其传输速度其实是差不多的。

个人觉得：如果是国际域名，就要在不同地区设代理，否则该方案应该行不通。

 

优点：

通过合并多张小图片，减少页面中连接的并发数（同一浏览器，对于同一个DN支持的并发数是有限的），从而更早地加载完页面。

 

缺点：

1、没有强有力的自动化软件支持。实现过程过于复杂。

2、不好维护，图片尺寸与css的样式过于耦合，改动两者之一都可能造成不可预计的页面Bug。

3、图片与图片之间过于耦合，改动页面上一个元素的图片，需要从一张大图中修改。

 

权衡后一些方案：

1、在一些页面元素固定的网页，如邮件系统、网盘系统。

2、网站中一些通用的小图标。

3、门户网页的首页，门户网站是网站中的一个疯子，它能为了追求加载速度不惜一切。

4、对于普通网站，个人觉得应该按网站中页面的模块来做相应的sprite效果，这样，这样，最多只影响模块，不影响其它设计。