瀏覽器img圖片原生懶加載loading="lazy"瀏覽器支持情況

HTML元素<img>延遲加載屬性 —— loading屬性值lazy允許瀏覽器選擇性加載IMG元素，根據(jù)用戶滾動操作至其元素附近執(zhí)行加載，一定程度起到節(jié)流的作用。

loading="lazy"

如：<img src="deathghost.jpg" loading="lazy" alt="" />

loading="lazy"
loading="eager"
lazy 懶加載，即：延遲獲取資源。
eager 立即加載，即：默認(rèn)狀態(tài)。

Lazy loading via attribute for images & iframes （圖像和iframe的Lazy loading屬性）
具體瀏覽器支持可以參考caniuse查詢，此屬性也可以應(yīng)用在<iframe>標(biāo)簽上

The loading attribute on images & iframes gives authors control over when the browser should start loading the resource.（images和iframes上的loading屬性使作者可以控制瀏覽器何時開始加載資源。） 

chrome 76以上版本瀏覽器支持

原文：https://caniuse.com/loading-lazy-attr