管理好页面图片，减少页面加载时http连接，优化页面
?
浏览器渲染页面的时候，遇到图片标签或者css中的背景图片设置，先会到本地缓存中寻找是否已经下载了这张图片，如果已经下载过了就直接从缓存中加载；否则会到图片指定的路径下载到本地缓存。而且这种下载是阻塞式的（部分浏览器内核已经实现异步加载图片。比如火狐）。也就是说在下载这些图片的时候，页面渲染处于暂停状态，必须等到图片下载完成了再继续渲染。
所以，如果一个页面中有大量的图片需要加载，先不说图片本身的大小对下载速度的消耗，每次图片下载都是一次http请求，都要经历3次协议握手，这对页面加载速度的影响是显而易见的！！如果图片再大一点，每张一两百K，杯具了……
?
那么如何管理这些页面图片、背景图片以加快页面渲染速度呢？下面，我将我的一些经验分享给大家。
?
?
?
?注意：这里需要事先将src属性设置为grey.gif，并将真实的src放入lazyload属性。
下面使用javascript替换src：
?
4 楼 my249645546 2012-09-05 minimu 写道待商榷啊，尤其是前面两点
延迟加载和异步加载都不能减少http连接啊，这两个都是优化用户体验的，与标题不是很符合哦
感想你提的意见呵呵。
本来是想谈谈如何 减少页面加载http链接数的 标题有点含糊 已修正 呵呵。
页面图片的延迟加载和异步加载确实不能减少http连接，只是减少了页面第一次加载的时间，提高了用户体验。
但背景图片的聚合确实可以减少http的连接数哦。
