首页 深1度 24小时 洞见 突发 娱乐 传媒 IT 电脑 软件 手机 通信 科教 游戏 科技 网络 物联网 智汽车 云计算 大数据 医疗 电商 数码 金融 教育 交通 物流 消费 AI 区块链
当前位置: 首页 > 软件 > 正文

Mozilla 将对图像延迟加载支持添加到Firefox 75 中

2020-02-16 14:26:36 来源:开源中国   

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

  Firefox 的最新 Nightly版本已支持

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

标签:
广告、内容合作请点这里:寻求合作