标签:
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
b. 需要懒加载的图片,①.增加 data-original="图片真实地址"
②.页面所有的img标签的src属性指向同一个图片(图片未加载时,显示的一张临时图)
③.图片一定要设置 width 与 height //为什么?请阅读网页优化相关文章…无语...
注意:这点你可能没办法接受,因为需要改变你的html
src="img/grey.gif" data-original="img/example.jpg" width="640" height="480">
$("img.lazy").lazyload();
5.使用优点分析
a. 提高网页加载速度,直接影响收录与排名。
--在蜘蛛抓去的时候,爬行你的网页会非常快速,以至于页面优化值得到最大提升。
b. 减少请求,降低服务器压力。
--只有当用户滚动到可视范围内才加载图片,你说是不是下载次数减少了?
标签:
原文地址:http://www.cnblogs.com/zzq-include/p/4573749.html