在現代Web開發(fā)中，HTML5提供了一個原生的懶加載特性，即通過在img標簽中添加lazy屬性。這個方法非常簡單直接，不需要額外的JavaScript代碼來實現圖片的懶加載。

下面是如何使用這個特性的示例：

只需要給圖片添加 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>