Question

关于iframe的一些知识

Answer 1

1、iframe的创建比一般的DOM元素慢了1-2个数量级

iframe的创建比其他包括scripts和css的DOM元素的创建慢了1-2个数量级。当然页面一般不会包含太多的iframe，所以创建DOM节点花费的时间还不会占很大比重。

2、阻塞页面加载

及时触发window的onload事件是非常重要的。onload事件触发使浏览器的“忙”指示器停止，告诉用户当前网页已经加载完毕。当onload事件加载延迟后，它给用户的感觉是这个网页非常慢。
window的onload事件需要在所有iframe加载完毕后（包含里面的元素）才会触发。通过Javascript动态设置iframe的src可以避免这种阻塞情况。

3、唯一的连接池

浏览器只能开少量的连接到web服务器。绝大部分浏览器，主页面和其中的iframe是共享这些连接的。这意味着iframe在加载资源时可能用光了所有的可用连接，从而阻塞了主页面资源的加载。如果iframe中的内容比主页面的内容更重要，这当然是好的。但通常情况下，iframe里的内容是没有主页面重要的。这时iframe用光可用连接就不值得了。

4、不利于SEO

搜索引擎的检索程序无法解读iframe。另外，iframe本身不是动态语言，样式和脚本都需要额外导入。

综上，iframe应谨慎使用。