避免使用 iframe

35 条前端性能优化军规 /

用 iframe 可以把一个 HTML 文档插入到父文档里，重要的是明白 iframe 是如何工作的并高效地使用它。

<iframe> 的优点：

可以用来加载速度较慢的第三方资源，如广告、徽章；
可用作安全沙箱；
可以并行下载脚本。

<iframe> 的缺点：

加载代价昂贵，即使是空的页面；
阻塞页面 load 事件触发；
Iframe 完全加载以后，父页面才会触发 load 事件。 Safari、Chrome 中通过 JavaScript 动态设置 iframe src 可以避免这个问题。
缺乏语义。

本文章首发在 LearnKu.com 网站上。

站长 11.3k 声望

维护者 @ LearnKu.com

保持好奇，求知若饥，终身编程

讨论数量: 0

发起讨论只看当前版本

暂无话题~