Firefox 75 添加了图像延迟加载功能
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)可用,它们为网站所有者提供了延迟加载离屏图像选项,以利用其以获得更好的用户体验。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
每日一博 | 一道快速考察 Python 基础的面试题
这是前一阵子群友发在群里的一道面试题,利用 Python 字典的特性,可以巧妙地使用精简代码达成完美解。 题目 将 data 转换成 new_data 这种形式,写出转换过程。 data = { 'a_b_h':1, 'a_b_i':2, 'a_c_j':3, 'a_d':4, 'a_c_k':5, 'a_e':6 } new_data = { 'a':{ 'b':{ 'h':1, 'i':2 }, 'c':{ 'j':3, 'k':5 }, 'd':4, 'e':6 } } 可以看出,转换的过程是将 key 的下划线进行拆分,然后下划线后边的字符嵌套在前面字符的值中。 感兴趣就打开 IDE,自己先试着解一下。 解题思路 你应该很快想到,主要思路是将下划线 split 后,然后依次使用字符生成内层字典,当达到最后一个字符时将数字作为值。 那么关键点在于,如何不断地获得内层字典去修改呢?实际本题就是考察你是否理解 Python 字典是引用传递这个特性。 什么是引用传递?我们知道 Python 中字典和列表对象都是可变对象,它们的变量传递给另一个变量后,改变对象元素会使得两个变量都会同时改...
- 下一篇
谷歌注册新操作系统 | Linus优化内核管道代码 | macOS威胁首次超Windows
回顾一周社区热门资讯 第【六十】期:20200208-20200216 点击相应标题,跳转阅读全文。 谷歌正在申请新的操作系统商标“Pigweed” 可以找到的第一个提到 Pigweed 的记录实际上来自 Fuchsia 的代码。 Go 1.15 将为Vet 引入新的检查内容 经过考量后,决定不在Go 1.15 加入重大变更,取而代之的是为 go vet 增加两个检查内容,包括在go vet中对string(int)转换进行诊断,以及对interface-interface 类型断言的诊断。 Chrome 将逐步阻止浏览器中的混合内容下载 希望进一步限制 Chrome 中的不安全下载,并鼓励开发人员完全迁移到 HTTPS,以避免将来受到限制,同时为用户提供保护。 韩国政府计划采用基于 Linux 的 Open OS 以取代 Windows 7 微软 PowerToys 推出新的实用程序,自定义键盘快捷管理 在 MacOS 上使用 cmd+C 复制对象需要用到拇指,而在 Windows 上 Ctrl+C 则是小指。另一种情况,即使在相同的应用程序中,也存在捷径差异。在 Mac 上,若要访...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS关闭SELinux安全模块
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- Windows10,CentOS7,CentOS8安装MongoDB4.0.16
- Hadoop3单机部署,实现最简伪集群
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
- CentOS6,CentOS7官方镜像安装Oracle11G
- Eclipse初始化配置,告别卡顿、闪退、编译时间过长
- SpringBoot2全家桶,快速入门学习开发网站教程
- CentOS8编译安装MySQL8.0.19
- CentOS6,7,8上安装Nginx,支持https2.0的开启