今年5月發布的Chrome 75穩定版將默認啟用延遲加載技術
谷歌工程經理Addy Osmani表示,計劃於今年5月份發布的Chrome 75穩定版中將默認啟用網頁延遲加載(lazy loading)技術。延遲加載是指在加載頁面的時候,延遲加載非關鍵資源的方法,只有在用戶需要的時候才會加載文本、圖像和視頻等等。該功能目前主要針對移動設備,不過在未來的版本中將會引入到Windows、Mac、Linux、Chrome OS等主要平台上。
延遲加載顯而易見的優勢就是提升頁面加載速度,並為用戶節省帶寬,特別是在使用移動數據時。谷歌工程師報告說,使用該機制後,頁面加載速度的提升從18% 到35% 不等,具體取決於底層網絡。
事實上你在實際上網過程中已經見過延遲加載的實際應用,其過程大致如下:
● 您訪問一個頁面,並開始滾動閱讀內容。
● 在某個時刻,您將佔位符圖像滾動到視口中。
● 該佔位符圖像瞬間替換為最終圖像。
熱門發布平台Medium 上就有關於圖像延遲加載的示例。該平台在加載頁面時會先加載輕量級的佔位符圖像,並在其滾動到視口時,將之替換為延遲加載的圖像。瀏覽中的Medium 網站屏幕截圖,演示延遲加載的實際應用。左側是模糊的佔位符,右側是加載的資源。
圖像延遲加載實際應用示例。佔位符圖像在頁面加載時加載(左側),當滾動到視口時,最終圖像隨即加載(即在需要時加載)。
關於延遲加載的更多細節:可以訪問谷歌官方支持文檔