最简单的HTML5原生的图片懒加载实现技术，无需JavaScript代码

网页中图片懒加载技术-lazyload是我们经常使用的加载方式，需要引入JQ代码才可以实现！

本文介绍一个通过H5实现图片懒加载的技术：

实现方法简单：（只需要给图片添加loading=”lazy” 就可以实现懒加载）

<img src="" loading="lazy" >

还可以添加一段JavaScript代码，用于在图片加载前显示占位图：

<img src="" loading="lazy" data-src="path/to/image1.jpg" >

 <script>
        document.addEventListener('DOMContentLoaded', function() {
            'loading' in HTMLImageElement.prototype || 
            document.querySelectorAll('img[data-src]').forEach(img => {
                img.src = img.dataset.src;
            });
        });
</script>