展会信息港展会大全

Firefox 75 添加了图像延迟加载功能
来源:互联网   发布日期:2020-02-16   浏览:176次  

导读:Mozilla将对图像延迟加载(lazy loading)的支持添加到了 Firefox 75中。目前,默认情况下该功能尚未被启用,但用户可以在最新的 Nightly 版本中启用该功能,并可以在延迟加载的演示站点上自行测试该功能。此前,谷歌也曾在Chrome 中为 iframe 和 ......

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. 现在,重新启动浏览器,访问 IMG loading lazy demo site,并尝试向下滚动,可以发现猫的图片会一次又一次地加载。 您还可以在顶部看到 HTMLImageElement.prototype 的 loading 值为 true,在非 Nightly 版本中,其则显示为 false。

且当您向下滚动到页面底部时,您还可以在 Firefox 的开发人员工具的 Network Panel 中观察到猫图片的加载顺序。

好消息是图像延迟加载也将成为 WordPress Core 的一部分,并且已经有 WordPress 插件(例如 W3 Total Cache 和 Auto Optimize)可用,它们为网站所有者提供了延迟加载离屏图像选项,以利用其以获得更好的用户体验。

参考消息

赞助本站

人工智能实验室

相关热词:

下一篇:没有了...
AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港