img为什么不直接用src，而用img-src再替换

Question

看到猎豹wifi的代码：
<img img-src="images/qrcode.jpg" alt="" />

document.addEventListener('DOMContentLoaded', function() {
    loadImg();
});
var loadImg = function() {
    var imgs = document.querySelectorAll('img');
    for (var i = 0; i < imgs.length; i++) {
        imgs[i].setAttribute('src',imgs[i].getAttribute('img-src'));
    }
};

直接用src不就得了，不解。。。

Answer 1

懒加载

Answer 2

延迟加载嘛～
避免图片过多影响了其他资源加载的网络资源

Answer 3

延迟加载有没有好用的js插件