网页加载速度大提升！Chrome将原生支持音视频延迟加载

4月2日消息，据Windows Latest报道，Google Chrome及Edge、Vivaldi等基于Chromium的浏览器即将获得视频和音频的原生延迟加载支持。

该功能由独立开发者Helmut Januschka向Chromium项目提交提案，预计将在Chrome 148版本中面向稳定版用户正式启用。

延迟加载并非新概念，Chrome此前已原生支持图片和iframe的延迟加载，但视频和音频一直未被覆盖。

当前大多数网站通过JavaScript的Intersection Observer API手动实现视频延迟加载，主要检测媒体元素是否进入视口后再动态设置资源地址。

这种方式虽然可用，但实现复杂且容易出错，无法与浏览器的原生预加载扫描器和内置加载启发式算法协同工作，可能成为性能瓶颈。

原生延迟加载将彻底解决这一问题，开发者只需在HTML标签中添加`loading="lazy"`属性，浏览器即可自动处理视频和音频的延迟加载。

只有当用户滚动到媒体嵌入区域时才触发资源下载，若用户未滚动至该位置，媒体资源将永远不会被加载。

Januschka在提案中指出，原生延迟加载允许浏览器使用网络感知阈值优化资源加载，正确处理与autoplay和preload属性的交互，并避免离屏媒体阻塞window.onload事件，从而显著提升页面加载性能并减少数据流量消耗。