发布时间:2023-04-21 16:27:16来源:光伏下载站
一年前,谷歌曾在 Chrome 76 中添加了对图片的延迟加载支持。近日,ChromeEng 经理 Addy Osmani 则宣布,该团队已将 iframe 的延迟加载作为标准功能,添加至了 Chrome 浏览器和 Chromium 浏览器中。
<iframesrc="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。更多详细内容可查看官方博客。
版权声明:部分内容为互联网整合,文中观点不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至举报,一经查实,本站将立刻删除。
相关资讯
应用推荐
相关游戏
2023-03-12
坎公骑冠剑人物性格怎么选(坎公骑冠剑人物推荐)
快手怎么取消关注(快手怎么取消关注的主播)
泰拉瑞亚手游血刃如何获得-泰拉瑞亚攻略(泰拉瑞亚血刃怎么得到)
cad2010序列号和密钥64位是什么
光遇如何快速获得爱心(光遇无限蜡烛无限爱心)
王者荣耀4月6日每日一题答案(王者荣耀4月24日每日一题)
unturned怎么改名字(unturned角色名称怎么改)
闲鱼在对话框直接转账安全吗(闲鱼在对话框直接转账安全吗)
百度杀毒怎么设置免打扰模式(百度如何设置免打扰)