title: CSSsprite对性能究竟有多大影响？
desc: 在HTTP请求数与单张Sprite的size之间如何衡量？<br>要把所有可以拼合的图片都做到同一张Sprite上吗？<br><br>一个CSS链接3个小图片，和链接1个大图片之间的性能有多大的差异？
topic: CSS
content: CSS sprite 可以减少请求数图片的总 size 和提前加载图片，但大图片合并可能导致页面显示速度变慢，如果搭配不合理也可能令图片失真。好多年前，我还不知道这玩意儿叫 CSS sprite 就写过一个相关文章：httpwww.neoease.commerge-icons-into-single-one ，现在这里算完善和补充。减少请求数 如果图片量很大，可以有效提升页面加载速度。因为一般浏览器会有一定的并发上限（如：IE9 的默认最大并发数是 6），也就是进入页面渲染阶段可以同时连接上 6 个资源
answerer_tags: 做个有节操的码农