Firefox截至2026年6月完全不支持iframe的loading="lazy",仅支持img;Safari 15.3及更早版本、IE、多数安卓WebView均无视该属性;Chrome/Edge虽支持但存在同域绕过和动态插入失效等降级风险。

Firefox 完全不支持 iframe 的 loading="lazy"
截至 2026 年 6 月,Firefox 仍**完全忽略** loading="lazy" 对 <iframe> 的任何作用。写了等于没写,浏览器回退为 eager 加载。这不是临时 bug,而是当前实现策略——它只对 <img> 支持该属性,<iframe> 不在支持列表里。
Safari 15.3 及更早版本直接无视该属性
在 Safari 15.3(含)及之前所有版本中,loading="lazy" 对 <iframe> 被彻底忽略,强制按 eager 行为加载。只有 Safari 15.4+ 才开始有限支持,且仅当满足全部条件时才生效。如果你的用户仍有 iOS 15.3 或 macOS Monterey 旧系统设备,这个属性就形同虚设。
IE 和多数安卓 WebView 完全不识别
loading 属性本身在 IE 中不存在;绝大多数安卓原生 WebView(包括微信内置浏览器、QQ 浏览器旧内核等)也未实现该特性。它们会直接跳过该属性,把 <iframe> 当作普通 eager 元素处理。一旦页面依赖此属性做性能优化,这些环境下的首屏卡顿会更明显。
Chrome/Edge 虽支持但有隐性降级风险
Chrome 78+、Edge 79+ 原生支持,但存在两个容易被忽略的降级点:
• 如果 src 是同域地址(如 ./widget.html),部分 Chromium 版本会主动绕过 lazy 逻辑,直接 eager 加载;
• 若页面已滚动过目标位置再动态插入 iframe(哪怕用 innerHTML 写入),loading="lazy" 在首次解析阶段已失效,后续不会补触发。
立即学习“前端免费学习笔记(深入)”;
真正能靠 loading="lazy" 省下请求的场景非常窄:非首屏、跨域、静态 HTML 声明、带宽高、用户滚动慢。现实业务中,兼容性坑比收益更显眼。



















