光年网盟

Chrome现已支持延迟加载网页中的iframe元素

编辑:光年网盟 发布时间:2020-07-26 14:15:35 分类:网盟学院 |


一年前,谷歌为 Chrome 76 引入了延迟加载图片的功能。昨日,Chrome 工程主管 Addy Osmani 又宣布,他们将在新版浏览器中启用延迟加载 iframe 元素的标准功能。在启用 <iframe loading = lazy> 属性之后,Chrome 将推迟相关元素的加载,直到用户将网页滚动到附近为止。

(来自:Web Dev)

Andy Osmani 表示:“很高兴向大家分享已经标准化的 iframe 本机延迟加载优化功能,其现已在 Chrome 和基于 Chromium 的浏览器中得到支持”。

据悉,iframe 延迟加载有助于减少内存使用量、提升页面其它部分的加载速度并保存数据。

尽管来自 Twitter、Facebook 和 YouTube 的第三方嵌入元素将不会在被用户看到前立即可见,但传统网页加载方式仍会消耗大量的数据和处理时间。

在启用 iframe 延迟加载之后,Chrome 团队得以节省 2-3% 的中位数据量、1-2% 的首次内容渲染、以及 2% 的首次输入延迟(FID)。

目前 Chrome 已支持三种属性值:

博客文章指出,在 YouTube 上加载嵌入内容的时候,可让移动设备的互动时间节省 10 秒。

不过需要指出的是,精简模式下的 Chrome for Android 浏览器,仍会自动加载当前显示窗口之外的图片和 iframe 元素。

文章分类
热门文章
  • 网络机顶盒哪个好?2020年网络机顶盒十大权威排名
  • 软银巨亏是怎么回事?软银集团巨额亏损原因曝光
  • 阿里回应侵权育碧游戏事件:尊重对方,没有侵权
  • 开放银行困境:“数据绝不开放”,获客转化只有万分之一
  • 微信照片过期如何还原?这些方法后悔没学会
  • 芒果超媒申请解除1489万股限售股份 占总股本1.4218%
  • 快手京东战略合作是怎么回事?快手京东合作原因
  • 起诉爱奇艺用户再发声 感觉隐私被侵犯
  • 孟晚舟案即将裁决 有望最快下周三被释放
  • 关于KOL/主播/带货,我整理了 20个行业真相
  • 你还在找抖音怎么拍视频教程吗?知道了这几个网站就够了!
  • 微软推送Windows 10 v1803版死亡通知 11月12日停止更新
  • “当你放假第一天回家”系列涨粉552万!这首抖音魔性BGM谁用谁爆款
  • 搜索引擎“出框”, 一场技术、人性、规模的合谋
  • 乘风破浪的主播详细介绍 阿里官宣直播电商选秀节目
  • “天府杯”2019国际网络安全大赛暨高峰论坛即将启幕
  • 全家便利店道歉什么原因?全家便利店道歉内容全文
  • iQOO Neo3新品发布性能强悍,仅2698元起
  • 微信拍一拍可以设置后缀了,可自定义拍一拍内容
  • 特斯拉拟在实现全自动驾驶前推出拼车应用 司机使用自家保险服务
  • Mellanox引领NVMe在TCP和RoCE网络的性能新高度
  • 马斯克该拿什么证明特斯拉估值?苹果的利润、大众的营收
  • 华为Mate30系列电影四摄实力展现,每个人都能是生活的导演
  • 揭秘“淘宝直播一姐”薇娅,秒杀全网背后有14个“可复制”的带货技巧
  • 美术生,你有实力拿下这笔补贴吗 中国美术考学协会“伯乐行动”8000万补贴潜力美术生
  • 马斯克警告:未来几年“汽油汽车”剩余价值将会大幅下降
  • Steam客户端被曝存在0Day漏洞,超1亿用户受影响
  • 网红李子柒又惹争议 微博CEO:实打实的文化输出
  • 不知不觉间,每年的双11已经成为国内消费者的购物狂欢节
  • 2020网络机顶盒十大排名:十款评分超高的电视盒子