在网页中有许多img标签,这些标签就是图片,其属性src则是指向服务器地址,当浏览器从上往下读取到src标签中的地址时,浏览器就会开启线程,加载这张图片。而并不是等到整张页面都解析完成才加载图片。我们要做的就是,1.不能让浏览器加载到大图片,2.加载用户可视范围内的图片。
1. <img class="lazyload" data-src="${ctx}/motor/static/images/manualimg/alarm-type.png">
2.<script src="${ctx}/file/static/apijs/jquery.lazyload.js" type="text/javascript"></script>
3.window.addEventListener('load', function(event) {
lazyload();
});