圖片加載方式 延遲加載技術何時在Chrome上默認啟用?
延遲加載技術何時在Chrome上默認啟用?谷歌工程經(jīng)理艾迪·奧斯馬尼(Addy Osmani)表示,定于今年5月發(fā)布的穩(wěn)定版chrome75將默認啟用延遲加載技術。延遲加載是指在加載頁面時延遲加載非關
延遲加載技術何時在Chrome上默認啟用?
谷歌工程經(jīng)理艾迪·奧斯馬尼(Addy Osmani)表示,定于今年5月發(fā)布的穩(wěn)定版chrome75將默認啟用延遲加載技術。延遲加載是指在加載頁面時延遲加載非關鍵資源的方法。僅當用戶需要加載文本、圖像和視頻等時,此功能目前主要針對移動設備,但未來將引入windows、MAC、Linux、Chrome OS等主要平臺。
延遲加載的明顯優(yōu)勢是加快頁面加載并為用戶節(jié)省帶寬,尤其是在使用移動數(shù)據(jù)時。Google工程師報告說,通過這種機制,頁面加載速度從18%提高到35%,具體取決于底層網(wǎng)絡。
事實上,您已經(jīng)看到了延遲加載在實際上網(wǎng)過程中的實際應用。過程大致如下:
●您訪問一個頁面并開始滾動內(nèi)容。
●在某個時候,您可以將占位符圖像滾動到視口中。
占位符圖像立即替換為最終圖像。
在流行的發(fā)布平臺介質上有一個圖像延遲加載的示例。加載頁面時,平臺將首先加載一個輕量級占位符圖像,并在滾動到視口時將其替換為延遲圖像。瀏覽媒體網(wǎng)站截屏,演示延遲加載的實際應用。左邊是模糊占位符,右邊是加載的資源。
圖像延遲加載實際應用實例。當頁面加載時(在左側),占位符圖像加載;當您滾動到視口時,最終圖像加載(即,在需要時)。
有關延遲加載的更多詳細信息:請訪問谷歌的官方支持文檔