缃戦〉寤惰繜鏄剧ず

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

一年前,谷歌为Chrome 76推出了延迟加载图片的功能。昨天,Chrome工程总监Addy Osmani宣布,他们将在新浏览器中启用延迟加载iframe元素的标准功能。启用于

安迪·奥斯马尼(Andy Osmani)表示,“很高兴与大家分享标准化的iframe原生延迟加载优化功能,该功能现已在Chrome和基于Chrome的浏览器中得到支持”。

据悉,iframe延迟加载有助于减少内存使用,提高页面其他部分的加载速度,节省数据。

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

启用iframe延迟加载后,Chrome团队能够节省2-3%的中值数据、1-2%的首次内容渲染和2%的首次输入延迟。

lazy load iframe-压缩

Chrome目前支持三种属性值:

●懒惰:延迟加载的理想选择。●急切:立即加载。● auto:由浏览器决定是否延迟加载。

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

Instagram和Spofity在初始加载时仍然会处理嵌入内容,但压缩后可以保存> 100KB和51 4K B,此外,脸书上的所有社交插件现在都支持本地浏览器延迟加载iframe元素。

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

[来源:cnBeta.COM]

 
友情链接
鄂ICP备19019357号-22