谷歌工程經理Addy Osmani表示，計劃於今年5月份發布的Chrome 75穩定版默認啟用網頁延遲加載（lazy loading）功能。Chrome內置的延遲加載功能已在canary通道提供，到現在歷經八個月的開發，有望在穩定版中正式啟用。

如上圖所示，自Chrome 75 起，將原生支持圖片的延遲加載，在代碼中編寫 <img loading=”lazy”>，即支持滾動到視口再加載圖片。

什麼是延遲加載？

延遲加載是一種在加載頁面時，延遲加載非關鍵資源的方法， 而這些非關鍵資源則在需要時才進行加載（如文本、圖像和視頻等）。

谷歌工程師報告說，使用該機制後，頁面加載速度的提升從18％到35％不等，具體取決於底層網絡。你應該也見過延遲加載的實際應用，其過程大致如下：

• 用戶訪問一個頁面，並開始滾動閱讀內容
• 在某個時刻，將佔位符圖像滾動到視口中
• 該佔位符圖像瞬間替換為最終圖像

更多關於Chrome內置延遲加載功能的技術實現細節請查看  https://addyosmani.com/blog/lazy-loading/。

相關進展