谷歌將在新版瀏覽器中啟用延遲加載 iframe 元素的標準功能

2020-07-27 08:36:28 編輯：來源：太平洋電腦網

導讀一年前，谷歌為 Chrome 76 引入了延遲加載圖片的功能。昨日，Chrome 工程主管 Addy Osmani 又宣布，他們將在新版瀏覽器中啟用延遲

一年前，谷歌為 Chrome 76 引入了延遲加載圖片的功能。昨日，Chrome 工程主管 Addy Osmani 又宣布，他們將在新版瀏覽器中啟用延遲加載 iframe 元素的標準功能。在啟用屬性之后，Chrome 將推遲相關元素的加載，直到用戶將網頁滾動到附近為止。

Andy Osmani 表示：“很高興向大家分享已經標準化的 iframe 本機延遲加載優化功能，其現已在 Chrome 和基于 Chromium 的瀏覽器中得到支持”。

據悉，iframe 延遲加載有助于減少內存使用量、提升頁面其它部分的加載速度并保存數據。

盡管來自 Twitter、Facebook 和 YouTube 的第三方嵌入元素將不會在被用戶看到前立即可見，但傳統網頁加載方式仍會消耗大量的數據和處理時間。

在啟用 iframe 延遲加載之后，Chrome 團隊得以節省 2-3% 的中位數據量、1-2% 的首次內容渲染、以及 2% 的首次輸入延遲(FID)。

Lazyload iFrame-Compressed( via )

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

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

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

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

博客文章指出，在 YouTube 上加載嵌入內容的時候，可讓移動設備的互動時間節省 10 秒。

Instagram 和 Spofity 仍會在初始加載時處理嵌入式內容，但壓縮后可節省 >100KB 和 51 4K B 。

此外現在 Facebook 上的所有社交插件都已支持在本機瀏覽器執行 iframe 元素的延遲加載。

不過需要指出的是，精簡模式下的 Chrome for Android 瀏覽器，仍會自動加載當前顯示窗口之外的圖片和 iframe 元素。

標簽：谷歌

免責聲明：本文由用戶上傳，如有侵權請聯系刪除！

本站除標明“本站原創”外所有信息均轉載自互聯網版權歸原作者所有。

郵箱：toplearningteam#gmail.com (請將#換成@)

欧美日韩激情电影,久久亚洲精品毛片,日日夜夜天天综合入口,亚洲激情六月丁香