概述`<iframe loading="lazy">` 可在元素接近视口时再加载嵌入内容,减少首包资源与连接压力,适合长页面与次要嵌入。用法/示例<iframe src="/embed" loading="lazy" width="640" height="360" title="嵌入"></iframe> 工程建议提供明确的占位尺寸,避免布局抖动;在关键交互前预加载或滚动进入视口。对跨源内容配合 `sandbox` 与 `allow` 控制权限;与 `referrerpolicy` 与 `CORP` 协作。在不支持环境回退到手动 IntersectionObserver 懒加载。参考与验证MDN:`loading` 属性 — https://developer.mozilla.org/docs/Web/HTML/Element/iframe#attr-loading

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部
2.190181s