避免使用 iframe—前端性能优化 21

雅虎前端优化总结的35 条前端性能优化军规第二十一条：避免使用 iframe。

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

<iframe> 的优点：

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

<iframe> 的缺点：

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