Mozilla Firefox 75 添加了图像延迟加载功能

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）可用，它们为网站所有者提供了延迟加载离屏图像选项，以利用其以获得更好的用户体验。

参考来源

本文素材来自互联网