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

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











