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.o ... /jxiJvQc-gVg/wurng4zZBQAJ

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

 


發表自: 九五二七九五二七
愛漫畫愛遊戲愛上網愛星爺,小時摸到阿羅士與AppleII後註定宅一輩子,從紅白機玩到PS4,從386打到Xeon,沒日沒夜的打電動;待過所有宅產業,從光華混到NOVA,從遊戲滾到動漫,從攝影器材爬到網路電信,喜愛學習多於睡覺,無時無刻散發一股宅味,但號稱長的像梁朝偉XD

覺得讚想推薦或分享嗎?