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

一年前，谷歌为 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）。

Lazyload iFrame-Compressed（via）
目前 Chrome 已支持三种属性值：