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.enabledpref值更改為true

　　4. 現(xiàn)在，重新啟動瀏覽器，訪問 IMG loading lazy demo site，并嘗試向下滾動，可以發(fā)現(xiàn)貓的圖片會一次又一次地加載。 您還可以在頂部看到“HTMLImageElement.prototype”的“loading”值為 true，在非 Nightly 版本中，其則顯示為 false。

　　且當您向下滾動到頁面底部時，您還可以在 Firefox 的開發(fā)人員工具的“Network Panel”中觀察到貓圖片的加載順序。

　　好消息是圖像延遲加載也將成為 WordPress Core 的一部分，并且已經(jīng)有 WordPress 插件（例如 W3 Total Cache 和 Auto Optimize）可用，它們?yōu)榫W(wǎng)站所有者提供了延遲加載離屏圖像選項，以利用其以獲得更好的用戶體驗。

　　參考消息

總結

以上是生活随笔為你收集整理的Firefox 75 添加了图像延迟加载功能的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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