Google Chrome 和其他基于 Chromium 的浏览器，包括 Edge 和 Vivaldi，很快可能会获得视频和音频延迟加载的原生支持。这一变化是由独立开发者 Helmut Januschka 提出的，他以过去对 Chromium 的贡献而闻名。
延迟加载功能在 Chrome 浏览器中已经存在多年，但直到目前，原生支持仅限于图像和 iframe 等元素，而不包括视频和音频。这种情况很快将发生变化，因为基于 Chromium 的浏览器将原生支持视频和音频的延迟加载，这可能会让网页加载更快，尤其是在浏览包含大量媒体内容的网页时。
具体来说，当您在网站上延迟加载图片或视频，并在 Chrome 或任何浏览器中访问它时，浏览器在渲染页面的那一刻并不会获取完整的媒体文件。视频或图片只有在它们出现在您视野附近时才会加载，例如当您滚动到嵌入视频的区域时。
如果没有延迟加载，Chrome 可能会更早加载媒体文件，这意味着，网站浏览会更慢，因为浏览器首先需要下载页面上的所有内容。使用 loading=”lazy” 时，Chrome 不会加载或下载视频，直到您实际到达嵌入视频的区域。如果您没有滚动到那么远，媒体文件可能永远不会被加载。
大多数网站已经使用 JavaScript 来延迟加载视频或音频，这效果不错，但在性能方面并不是最佳实践，因为它不能很好地与浏览器的原生预加载扫描器和内置加载启发式方法集成。
开发者 Helmut Januschka 在 Chrome 状态的一篇文章中写道：“在没有原生支持的情况下，开发者必须使用 Intersection Observer 实现自定义 JavaScript 解决方案，以检测媒体元素何时进入视口，然后动态设置 src 属性。此方法容易出错，增加复杂性，并且无法与浏览器的预加载扫描器集成。”
正如我们首次发现的，Helmut Januschka 的解决方案是，在 Chromium 中为视频和音频添加完整的原生延迟加载功能，类似于它已经集成到图片和 iframe 中的方式。
当此功能在 Chrome 稳定版中推出时，开发者可以直接在元素上使用 HTML 属性：loading=”lazy”。
这意味着，视频和音频将本地延迟加载，而不是依赖 JavaScript，而后者可能成为瓶颈或与 Chrome 的预加载扫描器不兼容。
Januschka 指出：“本地延迟加载允许浏览器使用网络感知阈值优化资源加载，正确处理与自动播放和预加载属性的交互，并避免阻塞窗口的 window.onload，用于屏幕外的媒体。”
Januschka 在其提案中解释道：“这与 img 和 iframe 元素现有的延迟加载行为一致，可提高页面加载性能并减少数据使用。”我们发现，Chromium 最早在一月份实现了本地延迟加载，然后在二月份应用了该更改，并最终在三月底进入正式版发布流程。一份谷歌 Chromium 代码变更日志中显示，此功能将默认在稳定版构建中启用，并暗示该功能在 Chrome 148 中即将广泛发布。
另外值得一提的是，如果您是一位高效能人士，拓扑梅尔智慧办公平台最近也更新了版本，带来了一些新的办公小工具，可以帮助您进一步提升日常工作效率。
您平常使用谷歌的浏览器吗？感觉怎么样？