每http请求一次,就会和服务器连接一次,而建立连接时需要额外的时间开销
CSS Sprite使用优化:有效的减少http请求数量,加速内容显示
CSS Sprite 使用规则:
1、静态图片,不随用户信息的变化而变化(通常在网站上以常态的形式存在)
2、小图片,图片容积比较小
3、3K-5K容量,网站加载量比较大
(一些大图不建议使用Sprite图,用户加载量较大)
实现原理:
控制一个层,可显示的区域范围大小,
通过一个窗口,进行背景图的滑动
实现方式:
1.ps手动P图
2.使用sprite工具自动小图集成大图,并返回position,如cssGaga工具
cssGaga工具下载地址:http://www.99css.com/1524/