"iframe 懒加载：loading=lazy 的性能与兼容实践"

概述原生支持对 iframe 的懒加载，在进入视口附近时再加载其内容，降低首屏开销与阻塞。适用于嵌入媒体、第三方组件与广告位。示例<iframe src="https://example.com/embed" loading="lazy" title="示例嵌入" width="640" height="360"></iframe> 工程建议占位与尺寸：设置明确 `width/height` 或 `aspect-ratio` 以稳定布局。安全与策略：对第三方使用 `sandbox/allow` 与策略头（CSP/Permissions-Policy）。兼容回退：在不支持浏览器使用 IntersectionObserver 实现懒加载。参考与验证MDN iframe 文档（loading）：https://developer.mozilla.org/docs/Web/HTML/Element/iframe#attr-loadingweb.dev 懒加载指南：https://web.dev/articles/lazy-loading