设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 开源资讯 Firefox 查看内容

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

2020-2-21 17:12| 发布者: joejoe0332| 查看: 587| 评论: 0|原作者: oschina|来自: oschina

摘要: Mozilla 将对图像延迟加载(lazy loading)的支持添加到了 Firefox 75 中。目前,默认情况下该功能尚未被启用,但用户可以在最新的 Nightly 版本中启用该功能,并可以在延迟加载的演示站点上自行测试该功能。此前, ...
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)可用,它们为网站所有者提供了延迟加载离屏图像选项,以利用其以获得更好的用户体验。

参考消息


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部