摘要：延遲加載圖片是一種優化網站性能的技術，可以提高網站加載速度和用戶體驗。在HTML中，有多種方法可以實現延遲加載圖片的效果。本文將介紹其中的幾種方法。

1. 使用lazyload.js

lazyload.js是一個輕量級的JavaScript庫，可以實現圖片的延遲加載。使用lazyload.js非常簡單，只需要在HTML中引入該庫，然后將需要延遲加載的圖片的src屬性替換為data-src屬性即可。例如：

```gageage">

然后在JavaScript中初始化lazyload即可：

```stanceew LazyLoad();

這樣，當用戶滾動到需要加載的圖片時，lazyload.js會自動將data-src屬性的值賦給src屬性，

tersection Observer API

tersectiontersectiontersectiontersectionObserver對象，然后將需要延遲加載的圖片添加到該對象中即可。例如：

```ewtersectionObserverctiontries) {triesctiontry) {trytersecting) {agetry.target;ageage.dataset.src;observeage);

}

});

agesentg[data-src]');agesctionage) {age);

tersection Observer API會自動將data-src屬性的值賦給src屬性，

dage屬性

gdagedageg標簽更加靈活。例如：

```ageage.jpg"></div>

dage屬性為data-src屬性的值即可：

```age {dage: url("path/to/placeholder.jpg");

age.loaded {dageone;

}age.loaded::after {tent: "";

display: block;g: /* 圖片的高度 / 寬度 * 100% */;dageage.jpg");d-size: cover;dterter;do-repeat;

ageage loaded"，

總結：以上是三種常見的HTML延遲加載圖片的方法。使用這些方法可以有效地提高網站性能，讓用戶更快地瀏覽網頁。