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

一年前，谷歌曾在Chrome76中添加了对图片的延迟加载支持。近日，ChromeEng经理AddyOsmani则宣布，该团队已将iframe的延迟加载作为标准功能，添加至了Chrome浏览器和Chromium浏览器中。

iframesrc=https://example.comloading=lazywidth=600height=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的支持将使得用户可以大大轻松地提高网页的性能。值得一提的是，ChromeforAndroid在Lite模式下仍会自动延迟加载窗口外的图片和iframe。更多详细内容可查看官方博客。

博客。

本文来源：葡萄京官网-www.southcoastscreens.com