Chrome 75 将默认启用延迟加载功能
生活随笔
收集整理的這篇文章主要介紹了
Chrome 75 将默认启用延迟加载功能
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
谷歌工程經理 Addy Osmani 表示,計劃于今年 5 月份發布的Chrome 75穩定版默認啟用網頁延遲加載(lazy loading)功能。此前開源中國報道過,Chrome 內置的延遲加載功能已在 canary 通道提供,到現在歷經八個月的開發,有望在穩定版中正式啟用。
如上圖所示,自 Chrome 75 起,將原生支持圖片的延遲加載,在代碼中編寫<img loading="lazy">,即支持滾動到視口再加載圖片。
什么是延遲加載?
延遲加載是一種在加載頁面時,延遲加載非關鍵資源的方法, 而這些非關鍵資源則在需要時才進行加載(如文本、圖像和視頻等)。
谷歌工程師報告說,使用該機制后,頁面加載速度的提升從 18% 到 35% 不等,具體取決于底層網絡。你應該也見過延遲加載的實際應用,其過程大致如下:
- 用戶訪問一個頁面,并開始滾動閱讀內容
- 在某個時刻,將占位符圖像滾動到視口中
- 該占位符圖像瞬間替換為最終圖像
更多關于Chrome 內置延遲加載功能的技術實現細節請查看https://addyosmani.com/blog/lazy-loading/。
總結
以上是生活随笔為你收集整理的Chrome 75 将默认启用延迟加载功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 中年人没有996
- 下一篇: 易到创始人周航:和 996 相比,做正确