Chrome 新增了對 iframe 區塊延遲載入的支持

Chrome 瀏覽器開發者 сообщили 關於擴展網頁元素延遲載入的方法,允許在使用者將頁面捲動到緊鄰該元素之前的位置之前不載入可見區域之外的內容。 先前,在 Chrome 76 和 Firefox 75 中,該模式已經針對影像實作。 現在,Chrome 開發人員又邁出了一步,增加了延遲載入 iframe 區塊的功能。

為了控制頁面的延遲加載,在“iframe”標籤中添加了“loading”屬性,可以取值“lazy”(延遲加載)、“eager”(立即加載)和“auto”(延遲加載)當啟用該模式時,由瀏覽器自行決定 初階版)。 預計延遲載入將減少記憶體消耗,減少流量並提高初始頁面開啟的速度。 例如,啟用新模式後,如果 Twitter、Facebook 和 YouTube 的廣告和小部件塊對用戶不可見,則將不再立即加載,直到用戶將頁面滾動到這些塊之前的位置。

Chrome 新增了對 iframe 區塊延遲載入的支持

根據開發者介紹,平均而言,延遲載入會節省2-3%的流量,減少數量 初始效果圖 1-2% 並將減少 輸入可用之前的延遲 2%。 對於特定站點,變化更為明顯。 例如,啟用 YouTube 區塊的延遲載入將減少下載的資料約 500KB,Instagram 減少 100KB,Spotify 減少 500KB,Facebook 減少 400KB。 特別是,在 Chrome.com 網站上使用延遲加載 YouTube 區塊,可以將行動裝置等待頁面變得可用以開始互動所需的時間減少多達 10 秒,並減小了頁面的大小。最初載入的JavaScript 程式碼為511KB。

Chrome 新增了對 iframe 區塊延遲載入的支持

來源: opennet.ru

添加評論