This Plug is work for wishwall(my personal project).
In order to imporve the performance of Mobile End's web page.
Nowadays, people love to visit the web page by using mobile, but the user experience is limited to the speed of loading page. On the other hand, there are many images on the web site, but most of them is unnecessary to load at the first, we can load this image when user is reading the web site. Therefore, this is the lazyload!
<img class="lazy" data-original="http://example.com/1.jpg" />
<script src="https://zhangxiang958.github.io/Lazyload/dist/index.js"></script>
<script>
Lazyload.init({
selector: '.lazyload',
offset: 0 //the distance from image to the visiable zoom
});
$.ajax({
url: 'xxx',
success: function(){
Lazyload.update();
}
});
</script>
https://zhangxiang958.github.io/Lazyload/demo/index.html
please check this page in Chrome Mobile Device model.
Released under the MIT License.
- Mail [[email protected]](mailto [email protected])
- Blog zhangxiang958.github.io