延迟加载技术总结

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

                                   

             示例代码:

<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/

延迟加载技术总结

上一篇:java反射机制


下一篇:git 取消修改,恢复版本 命令大全