一年前，谷歌為 Chrome 76 引入了延遲加載圖片的功能。昨日，Chrome 工程主管 Addy Osmani 又宣布，他們將在新版瀏覽器中啟用延遲加載 iframe 元素的標(biāo)準(zhǔn)功能。在啟用 <iframe loading = lazy> 屬性之后，Chrome 將推遲相關(guān)元素的加載，直到用戶將網(wǎng)頁(yè)滾動(dòng)到附近為止。

（來自：Web Dev）

　　Andy Osmani 表示：“很高興向大家分享已經(jīng)標(biāo)準(zhǔn)化的 iframe 本機(jī)延遲加載優(yōu)化功能，其現(xiàn)已在 Chrome 和基于 Chromium 的瀏覽器中得到支持”。

　　據(jù)悉，iframe 延遲加載有助于減少內(nèi)存使用量、提升頁(yè)面其它部分的加載速度并保存數(shù)據(jù)。

　　盡管來自 Twitter、Facebook 和 YouTube 的第三方嵌入元素將不會(huì)在被用戶看到前立即可見，但傳統(tǒng)網(wǎng)頁(yè)加載方式仍會(huì)消耗大量的數(shù)據(jù)和處理時(shí)間。

　　在啟用 iframe 延遲加載之后，Chrome 團(tuán)隊(duì)得以節(jié)省 2-3% 的中位數(shù)據(jù)量、1-2% 的首次內(nèi)容渲染、以及 2% 的首次輸入延遲（FID）。

　　視頻地址：https://tv.sohu.com/v/dXMvODIyMjQwNTMvMjA2NDczOTY2LnNodG1s.html

　　目前 Chrome 已支持三種屬性值：

　　● lazy：延遲加載的理想選擇。

　　● eager：立即加載（非延遲加載的理想選擇）。

　　● auto：由瀏覽器來決定是否延遲加載。

　　博客文章指出，在 YouTube 上加載嵌入內(nèi)容的時(shí)候，可讓移動(dòng)設(shè)備的互動(dòng)時(shí)間節(jié)省 10 秒。

Instagram 和 Spofity 仍會(huì)在初始加載時(shí)處理嵌入式內(nèi)容，但壓縮后可節(jié)省 >100KB 和 514KB 。

此外現(xiàn)在 Facebook 上的所有社交插件都已支持在本機(jī)瀏覽器執(zhí)行 iframe 元素的延遲加載。

　　不過需要指出的是，精簡(jiǎn)模式下的 Chrome for Android 瀏覽器，仍會(huì)自動(dòng)加載當(dāng)前顯示窗口之外的圖片和 iframe 元素。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。