web前端教程

用大白話，來講編程

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

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

（代碼片段）

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

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

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

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

熱門文章

原創(chuàng)教程

原創(chuàng)教程：

附加習(xí)題：

趣味職場

行業(yè)困惑：

職業(yè)規(guī)劃：

新手求職：

新手學(xué)習(xí)：

職場感悟：

學(xué)習(xí)困惑：

職場焦慮：

感到迷茫：

薪資待遇：

培訓(xùn)出身：

培訓(xùn)費用：

培訓(xùn)簡歷：

搞笑黑話：

職業(yè)自由：

職場形象：

合作廣告分割線

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。