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