Chrome现已支持延迟加载网页中iframe 可以节省2-3%中位数据量
作者:发布时间:2020-07-27 09:44:38来源:开源中国
一年前,谷歌曾在 Chrome 76 中添加了对图片的延迟加载支持。近日,ChromeEng 经理 Addy Osmani 则宣布,该团队已将 iframe 的延迟加载作为标准功能,添加至了 Chrome 浏览器和 Chromium 浏览器中。
该功能会延迟窗口外 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。更多详细内容可查看官方博客。
关键词:
热门推荐
-
vivo新一代手机操作系统OriginOS发布时间官宣 采用全新UI设计
2021-11-29 -
高德地图推出辅助驾驶功能 集成ADAS预警导航功能
2021-11-24 -
热烈庆贺GUGU国际社交App 突破百万种子轮海外用户
2021-11-23 -
微软推送Edge 96稳定版更新 内置Office文件查看器和PDF体验改进
2021-11-23
热门专题
每日资讯更多+
-
“元宇宙”为何爆火?游戏ETF带来怎样的投资机遇?
2021-12-27 -
ar和vr的区别就是和用途 AR、VR是真火还是虚火?是复活还是重生?
2021-12-27 -
2021年VR/AR产业链日趋成熟,行业爆发在即
2021-12-27 -
未来5-10倍的VR/AR概念5大龙头公司
2021-12-27 -
VR全景漫游系统功能有哪些?自考院校/专业介绍
2021-12-23 -
又一家科技巨头加入直播大潮之中扎克伯格高度关注直播
2021-12-23
VR设备 更多+
-
V社自家VR设备获IGN 8.5分
2019-07-01 -
ARM显示芯片的设计可以为VR一体机带来更好的体验
2019-05-16 -
来自Bellevue的Valve Index原型VR硬件照片曝光
2019-05-16 -
Acer推出ConceptD OJO 4K Windows MR头显
2019-04-12
VR网站 更多+
-
鸥课学院
2017-09-12 -
玖的VR
2017-08-10 -
ARinChina技术论坛
2017-07-15 -
虚幻引擎社区
2017-07-15