找软件用软件,就到华军软件园! 软件发布
所在位置: 首页 — 教程攻略 — 资讯 — 电脑软件资讯  —  Chrome 现...

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

作者:互联网 日期:2020-07-27

  一年前,谷歌曾在 Chrome 76 中添加了对图片的延迟加载支持。近日,ChromeEng 经理 Addy Osmani 则宣布,该团队已将 iframe 的延迟加载作为标准功能,添加至了 Chrome 浏览器和 Chromium 浏览器中。

  <iframe src="https://example.com"
  loading="lazy"
  width="600"
  height="400"></iframe>

  该功能会延迟窗口外 iframe 的加载,直到用户将网页滚动到附近为止。此举可以节省数据、加快页面其他部分的加载速度,并减少内存使用量。

  Chrome 小组的研究表明,iframe 延迟加载可以节省 2-3% 的中位数据量、1-2% 的首次内容渲染、以及在 95% 的位置上可以节省 2% 的首次输入延迟(FID)。

  目前该 loading 已支持三种属性值:

  lazy:延迟加载的理想选择。

  eager:立即加载(非延迟加载的理想选择)。

  auto:由浏览器来决定是否延迟加载。

  Osmani 表示,当其在 YouTube 上加载嵌入内容时,可让移动设备的互动时间节省 10 秒。而 Instagram 和 Spofity 仍会在初始加载时处理嵌入式内容,但压缩后分别可节省 >100KB 和 514KB。

  并且,现在所有的 Facebook 社交插件都支持本机浏览器延迟加载 iframe。其最后得出结论称,对延迟加载 iframe 的支持将使得用户可以大大轻松地提高网页的性能。

  值得一提的是,Chrome for Android 在 Lite 模式下仍会自动延迟加载窗口外的图片和 iframe。更多详细内容可查看官方博客。

相关文章

最新资讯 更多

腾讯代理游戏《穿越火线》怀旧模式今日上线:梦回 2012 年,经典枪械、地图、模式回归 腾讯代理游戏《穿越火线》怀旧模式今日上线:梦回 2012 年,经典枪械、地图、模式回归

重磅消息!微信最新功能上线!! 重磅消息!微信最新功能上线!!

微信官网正式上线PC端4.0.3版本,众多新功能来临!! 微信官网正式上线PC端4.0.3版本,众多新功能来临!!

微信朋友圈新功能:最长可发5分钟视频 微信朋友圈新功能:最长可发5分钟视频

《英雄联盟》2025 全球先锋赛今日开赛,LPL 战队 TES 晚间首战 HLE 《英雄联盟》2025 全球先锋赛今日开赛,LPL 战队 TES 晚间首战 HLE

热门资讯 更多

暑假游戏推荐合集 暑假游戏推荐合集

疫情期间怎么居家办公-居家办公软件介绍 疫情期间怎么居家办公-居家办公软件介绍

teams怎么设置中文-teams设置中文的方法 teams怎么设置中文-teams设置中文的方法

pdf怎么转换成word-pdf转换成word的方法 pdf怎么转换成word-pdf转换成word的方法

顿号在键盘上怎么打?在键盘上输入顿号的方法 顿号在键盘上怎么打?在键盘上输入顿号的方法