如何在 lozad.js 中顺利加载图像

问：

我已经在我的一个项目中实现了 lozad.js，但是图像在多个块加载中加载，这看起来很奇怪，

有时它会加载一半的图像，然后是 1/3 的图像，然后是完整的图像，这在网站上看起来很糟糕

所以我只想流畅地加载图像，这将有助于获得出色的用户体验

我试过淡入，但这会使我的图像隐藏，这是下面的代码

lozad('.lozad', {
    load: function(el) {
        el.src = el.dataset.src;
        el.onload = function() {
            el.classList.add('fade')
        }
    }
}).observe()