Chrome原生支援lazyload(延遲載入)的功能

Google Chrome 在 75 版本原生支援lazyload(延遲載入)的功能並自動啟動

包含 lazy image loading 和 lazy iframe loading

 

使用方法:

在img或iframe加上loading="lazy"標籤即可

<img src="cat.jpg" loading="lazy" />

 

參數說明:

loading="lazy"  使用者捲動網頁至顯示區時才會載入
loading="eager"  要求瀏覽器立即載入
loading="auto"  交由瀏覽器自行決定載入時機點
 

 

相關連結:

https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/jxiJvQc-gVg/wurng4zZBQAJ

https://github.com/scott-little/lazyload