iframe隐藏方法之间的性能差异？

Question

以下各项之间是否存在重大差异：

<iframe style="visibility:hidden" />

<iframe style="width:0px; height:0px; border:0px" />

我正在使用隐藏的iframe下拉并从外部服务器解析一些信息。如果iframe实际上尝试渲染页面，这可能会占用大量的CPU周期。当然，我理想情况下只想获得原始标记 - 例如，如果我可以阻止iframe加载img标签，那将是完美的。

Answer 1

我认为你的iframe要么加载它的内容。您可以通过隐藏然后显示带有需要一段时间加载的页面的iframe来进行简单的测试。

如果iframe（当可见时）立即显示长加载页面，您就会知道它已经在节目开始之前加载了。

如果您正在使用FireBug，那么您可以使用它来查看所发出的HTTP请求。这将显示iframe是否发出HTTP请求。

就性能差异而言，我怀疑你发布的两个HTML之间是否存在任何差异。如果有什么我会说设置隐藏的可见性将更加“有效”，因为浏览器不必在视觉上呈现任何内容，即使它是0 * 0px。

尽管如此，我认为没有任何真正的性能差异，特别是没有主要的性能差异。

<强>更新

我刚刚在FireBug中进行了测试，看看iframe在设置为visibility:hidden，display:none;并且height和width属性设置为{{}时仍会加载其内容1}}并且在所有情况下都加载了iframe内容。