一年前，谷歌曾在 Chrome 76 中添加了對圖片的延遲加載支持。近日，ChromeEng 經理 Addy Osmani則宣布，該團隊已將 iframe 的延遲加載作為標準功能，添加至了Chrome 瀏覽器和 Chromium 瀏覽器中。

<iframe src="https://example.com"
        loading="lazy"
        width="600"
        height="400"></iframe>

　　該功能會延遲窗口外 iframe 的加載，直到用戶將網頁滾動到附近為止。此舉可以節(jié)省數(shù)據(jù)、加快頁面其他部分的加載速度，并減少內存使用量。

　　Chrome 小組的研究表明，iframe 延遲加載可以節(jié)省 2-3％ 的中位數(shù)據(jù)量、1-2% 的首次內容渲染、以及在 95％ 的位置上可以節(jié)省 2％ 的首次輸入延遲（FID）。

　　目前該 loading 已支持三種屬性值：

• lazy：延遲加載的理想選擇。
• eager：立即加載（非延遲加載的理想選擇）。
• auto：由瀏覽器來決定是否延遲加載。

　　Osmani表示，當其在 YouTube 上加載嵌入內容時，可讓移動設備的互動時間節(jié)省 10 秒。而 Instagram 和 Spofity 仍會在初始加載時處理嵌入式內容，但壓縮后分別可節(jié)省 >100KB 和 514KB。

　　并且，現(xiàn)在所有的 Facebook 社交插件都支持本機瀏覽器延遲加載 iframe。其最后得出結論稱，對延遲加載 iframe 的支持將使得用戶可以大大輕松地提高網頁的性能。

　　值得一提的是，Chrome for Android 在 Lite 模式下仍會自動延遲加載窗口外的圖片和 iframe。更多詳細內容可查看官方博客。

總結

以上是生活随笔為你收集整理的Chrome 现已支持延迟加载网页中的 iframe的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。