web前端教程

用大白話，來講編程

相信各位前端開發者對于延遲加載（or 懶加載？）這個概念都不會感到陌生，延遲加載機制是為了避免一些無謂的性能開銷而提出來的，就是當在真正需要數據的時候，才真正執行數據加載操作，尤其是很占用寬帶的圖片資源。

據外媒報道，谷歌的 Chrome 瀏覽器將內置支持延遲加載功能，可延遲加載 image 和 iframe 框架。?Chrome?瀏覽器不會加載不出現在視口中的圖像，只有在靠近視口邊框時才會加載圖片。

（代碼片段）

有了這個內置的功能，所有 image 資源都會被瀏覽器自動按需加載，無需開發者做額外的開發工作，比如大家最常用的插件：jQuery.lazyload.js。

延遲加載顯而易見的優勢就是提升頁面加載速度，并為用戶節省帶寬，特別是在使用移動數據時。谷歌工程師報告說，使用該機制后，頁面加載速度的提升從 18％ 到 35％ 不等，具體取決于底層網絡。

所以，功能方面，基本上與我們平時見到的 JavaScript 延遲加載腳本無異，只不過它不僅僅是延遲加載圖像。 這項功能暫命名為 Blink LazyLoad，正如名字所說，它將在 Chrome 內部實現“延遲加載”機制。?

如果測試結果能按計劃的順利進行，谷歌就會把該功能添加到 Chrome 桌面版。

熱門文章

原創教程

原創教程：

附加習題：

趣味職場

行業困惑：

職業規劃：

新手求職：

新手學習：

職場感悟：

學習困惑：

職場焦慮：

感到迷茫：

薪資待遇：

培訓出身：

培訓費用：

培訓簡歷：

搞笑黑話：

職業自由：

職場形象：

合作廣告分割線

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的前端又省事了，Chrome直接支持lazyload延迟加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。