self descripted name

deffered img load.js

const lazyLoad = function() {
    let lazyImages = $("img.lazy:visible");

    setTimeout(function() {
        $.each(
            lazyImages,
            function() {
                let lazyImage = $(this)[0];
                if ((lazyImage.getBoundingClientRect().top <= window.innerHeight && lazyImage.getBoundingClientRect().bottom >= 0) && getComputedStyle(lazyImage).display !== "none") {
                    lazyImage.src = lazyImage.dataset.src;
                    lazyImage.srcset = lazyImage.dataset.srcset;
                    lazyImage.classList.remove("lazy");

                    lazyImages = lazyImages.filter(function(image) {
                        return image !== lazyImage;
                    });
                }
            }
        );

    }, 200);

};

document.addEventListener("DOMContentLoaded", function() {

    lazyLoad();

    document.addEventListener("scroll", lazyLoad);
    window.addEventListener("resize", lazyLoad);
    window.addEventListener("orientationchange", lazyLoad);
});

<img
    class="lazy img-fluid"
    data-src="deffered.jpg"
    data-srcset="idkdeffered.jpg"
    src="temporary.jpg"
    alt="something"
    title="something"
/>