以下各项之间是否存在重大差异:
<iframe style="visibility:hidden" />
<iframe style="width:0px; height:0px; border:0px" />
我正在使用隐藏的iframe下拉并从外部服务器解析一些信息。如果iframe实际上尝试渲染页面,这可能会占用大量的CPU周期。当然,我理想情况下只想获得原始标记 - 例如,如果我可以阻止iframe加载img标签,那将是完美的。
答案 0 :(得分:1)
我认为你的iframe要么加载它的内容。您可以通过隐藏然后显示带有需要一段时间加载的页面的iframe来进行简单的测试。
如果iframe(当可见时)立即显示长加载页面,您就会知道它已经在节目开始之前加载了。
如果您正在使用FireBug,那么您可以使用它来查看所发出的HTTP请求。这将显示iframe是否发出HTTP请求。
就性能差异而言,我怀疑你发布的两个HTML之间是否存在任何差异。如果有什么我会说设置隐藏的可见性将更加“有效”,因为浏览器不必在视觉上呈现任何内容,即使它是0 * 0px。
尽管如此,我认为没有任何真正的性能差异,特别是没有主要的性能差异。
<强>更新强>
我刚刚在FireBug中进行了测试,看看iframe在设置为visibility:hidden
,display:none;
并且height
和width
属性设置为{{}时仍会加载其内容1}}并且在所有情况下都加载了iframe内容。