ImageLazyLoad ---观淘宝首页新改版发现的

呵呵，最近发现不上很久的淘宝，换了新主页，果然不错，新的页面风格更加简约，朴实，清新了，赞一个， 看着看着，发现图片加载会随着拉动，而渐显，呵呵，有意思！于是google之，发现这个效果叫imagelazyload，呵呵，逐记录之

相信做前端很关心网页的性能优化的问题，为了减轻服务器压力，为了提高页面打开速度，提升用户体验，淘宝网就用了这么一种名叫“图片延迟加载“的技术；

实现这一个技术很简单，只需要加载一个JS文件即可；

大家可以直接采用淘宝的延迟加载技术：
http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/imglazyload-min.js

调用方法也是很简单的：
<script type=”text/javascript”>KISSY.ImageLazyload();</script>

至于高级配置，大家可以看这里;

如果您是Jquery，Prototype等这些JS框架的粉丝，他们都有定制的LazyLoad Plugin提供；

LazyLoad(延迟加载)技术不仅仅用在对网页中图片的延迟加载，对数据同样可以，Google Reader和Bing图片搜索就把LazyLoad技术运用的淋漓尽致；

缺陷：在对LazyLoad琢磨了一个小时候，也发觉了一些当前延迟加载技术的问题；
1，与Ajax技术的冲突；
2，图片的延迟加载，遇到高度特别高的图片，会出现停止加载的问题；
3，写代码不规范的童鞋要注意了，不管由于什么原因，如果您的页面中，img标签的height属性未定义，那么我建议您最好不要使用ImageLazyLoad；

这些地方在未来的使用中还需注意