图片延迟加载技术

公司的产品展示页通常比较长，然后在中间部分有许多张大图（尤其是品牌店铺、一些展示单品的网页），通常有许多用户在打开这个网页后，仅仅是看个价格或简短文字介绍就离开页面了。但整个页面上的大部分图片都已经加载了，或者因为图片未下载完毕导致整个html页迟迟未完成加载，造成用户体验的缺失。一些图片很多的网页因为有大量图片动辄达到几mb，由此也造就浪费了极大的带宽。

针对这种情况，我找到一种图片延时加载技术，可以在用户需要看到某张图片的时候再加载图片，这样用户如果没有浏览整个网页，图片也不会全部加载，对网站来说，积少成多，节省下的流量是非常可观的。

以下是从网上收集的比较好的实现：

jquery lazyload：Lazy Load Plugin for jQuery

jquery插件实现图片延迟加载 http://www.cnblogs.com/Capricornus/archive/2010/02/05/1664446.html

 

Lazyload 延迟加载效果 http://www.cnblogs.com/cloudgamer/archive/2010/02/01/LazyLoad.html  （推荐！）