Chrome 浏览器开发者 关于扩展网页元素延迟加载的方法，允许在用户将页面滚动到紧邻该元素之前的位置之前不加载可见区域之外的内容。 此前，在 Chrome 76 和 Firefox 75 中，该模式已经针对图像实现。 现在，Chrome 开发人员又迈出了一步，添加了延迟加载 iframe 块的功能。
为了控制页面的延迟加载，在“iframe”标签中添加了“loading”属性，可以取值“lazy”（延迟加载）、“eager”（立即加载）和“auto”（延迟加载）当启用该模式时，由浏览器自行决定 ）。 预计延迟加载将减少内存消耗，减少流量并提高初始页面打开的速度。 例如，启用新模式后，如果 Twitter、Facebook 和 YouTube 的广告和小部件块对用户不可见，则将不再立即加载，直到用户将页面滚动到这些块之前的位置。
据开发者介绍，平均而言，延迟加载会节省2-3%的流量，减少数量 1-2% 并将减少 2%。 对于特定站点，变化更为明显。 例如，启用 YouTube 块的延迟加载将减少下载的数据约 500KB，Instagram 减少 100KB，Spotify 减少 500KB，Facebook 减少 400KB。 特别是，在 Chrome.com 网站上使用延迟加载 YouTube 块，可以将移动设备等待页面变为可用以开始交互所需的时间减少多达 10 秒，并减小了页面的大小。最初加载的 JavaScript 代码为 511KB。
来源： opennet.ru