Mozilla將對(duì)圖像延遲加載(lazy loading)的支持添加到了Firefox 75中。目前,默認(rèn)情況下該功能尚未被啟用,但用戶可以在最新的Nightly版本中
Mozilla將對(duì)圖像延遲加載(lazy loading)的支持添加到了Firefox 75中。目前,默認(rèn)情況下該功能尚未被啟用,但用戶可以在最新的Nightly版本中啟用該功能,并可以在延遲加載的演示站點(diǎn)上自行測(cè)試該功能。此前,谷歌也曾在Chrome中為iframe和圖片啟用了延遲加載。
Firefox的最新Nightly版本已支持 Lazyloading 語法。
在Firefox中啟用圖像的延遲加載
1.啟動(dòng)Firefox Nightly瀏覽器
2.訪問:config
3.搜索“lazy”,在突出顯示的結(jié)果中,將dom.image-lazy-loading.enabledpref值更改為true
4.現(xiàn)在,重新啟動(dòng)瀏覽器,訪問IMG loading lazy demo site,并嘗試向下滾動(dòng),可以發(fā)現(xiàn)貓的圖片會(huì)一次又一次地加載。用戶還可以在頂部看到“HTMLImageElement.prototype”的“loading”值為true,在非Nightly版本中,其則顯示為false。
且當(dāng)用戶向下滾動(dòng)到頁面底部時(shí),用戶還可以在Firefox的開發(fā)人員工具的“Network Panel”中觀察到貓圖片的加載順序。
好消息是圖像延遲加載也將成為WordPress Core的一部分,并且已經(jīng)有WordPress插件(例如W3 Total Cache和Auto Optimize)可用,它們?yōu)榫W(wǎng)站所有者提供了延遲加載離屏圖像選項(xiàng),以利用其以獲得更好的用戶體驗(yàn)。(白開水不加糖)