站长之家- 动态 2020-07-26T13:54:48 +08:00

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

一年前,谷歌为 Chrome 76 引入了延迟加载图片的功能。昨日,Chrome 工程主管 Addy Osmani 又宣布,他们将在新版浏览器中启用延迟加载 iframe 元素的标准功能。在启用

(来自:Web Dev)

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

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

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

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

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

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

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

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

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

Instagram 和 Spofity 仍会在初始加载时处理嵌入式内容,但压缩后可节省 >100KB 和 514KB 。

此外现在 Facebook 上的所有社交插件都已支持在本机浏览器执行 iframe 元素的延迟加载。

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

推荐关键词

24小时热搜

查看更多内容

大家正在看

跨域iframe高度自适应(兼容IE/FF/OP/Chrome)

基于Chrome开发的ChromePlus

我们不再需要 Chrome?

谷歌将停止支持Chrome OS以外平台Chrome应用

为何Safari不如Chrome?

谷歌宣布暂停Chrome和Chrome OS的版本更新

微软害怕Chromebook只有一个理由:Chrome OS

谷歌正尝试将 Chrome 浏览器与 Chrome OS 分离

Google发布Chrome操作系统Chromebook和Chromebox

谷歌发布稳定版Chrome 8:支持Chrome应用商店

Chrome UI设计师谈Chrome平台未来发展方向

谷歌Chromecast惨遭破解:并非Chrome OS

Chrome蚕食Firefox市场

Chrome OS的理念和未来

Chrome OS的神秘魅力

Chrome使用经验谈

Google 是如何让 Chrome 保鲜的?