在用户滚动页面到图片之后才进行加载,使用图片延迟加载,能有效的提高页面加载速度。
所需js插件:
<script type="text/javascript" src="${path}/js/jquery.lazyload.js"></script>
<script type="text/javascript" src="${path}/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="${path}/js/jquery.scrollstop.js"></script>
<script type="text/javascript" src="${path}/js/jquery.scrollstop.min.js"></script>
主script方法:
<script type="text/javascript">
$("img").lazyload(); //所有图片均延迟加载
</script>