延迟加载技术总结

        延迟加载是：延迟加载图像的长网页。视区外的图像不加载，直到用户滚动到他们。长网页使用延迟加载会使页面加载速度更快。在某些情况下，延迟加载可以减轻服务器的负载！

                                   

             示例代码：

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

<img class="lazy" data-original="img/example.jpg" width="640" height="480">

$( function() {   $("img.lazy").lazyload();  } );

lazyload()延迟加载，但是就算用js去掉src属性也会马上加载图片，所以lazyload()就让src先加载一个很小很小的占位图（1px*1px，几乎看不到），添加data-original属性可以延迟加载真正要显示的图片。

其他案例学习地址：http://www.lanrentuku.com/down/js/tupian-844/