完美世界手游官网隐藏任务 www.gytoi.icu 谷歌工程經理 Addy Osmani 表示,計劃于今年5月份發布的 Chrome 75 穩定版默認啟用網頁延遲加載(lazy loading)功能。Chrome 內置的延遲加載功能已在 canary 通道提供,到現在歷經八個月的開發,有望在穩定版中正式啟用。

圖0:Google Chrome 75 將默認啟用延遲加載功能

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

什么是延遲加載?

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

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

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

圖1:Google Chrome 75 將默認啟用延遲加載功能

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

余下全文(1/3)

本文最初發表在oschina,文章內容屬作者個人觀點,不代表本站立場。

分享這篇文章:

請關注我們:

發表評論

電子郵件地址不會被公開。 必填項已用*標注