2010-04-29 28 views
1

有以下之間的主要性能差別:iframe隱藏方法之間的性能差異?

<iframe style="visibility:hidden" /> 

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

我使用一個隱藏的iframe拉下並解析外部服務器的一些信息。如果iframe實際嘗試呈現頁面,則可能會吸收很多CPU週期。當然,我最好只想獲得原始標記 - 例如,如果我可以阻止iframe加載img標記,那將是完美的。

回答

1

我想無論你的iframe是要加載它的內容。您可以通過隱藏然後顯示帶有需要一段時間才能加載的頁面的iframe來進行簡單測試。

如果iframe(當變得可見時)立即顯示長裝載頁面,您將知道它已在演出之前加載。

如果您使用的是FireBug,那麼您可以使用它來查看所做的HTTP請求。這會告訴你是否有iframe發出的HTTP請求。

就性能差異而言,我懷疑您發佈的兩段HTML之間存在差異。如果有什麼我會說隱藏設置可見性將更加「高效」,因爲瀏覽器不需要在視覺上渲染任何東西,即使它是0 * 0px。

不過,我不認爲有任何真正的性能差異,尤其是沒有主要性能差異。

更新:

我只是螢火測試看看,當設置爲visibility:hiddendisplay:none; iframe中仍然加載其內容,並與它的heightwidth屬性設置爲0px,並在所有情況下,iframe的內容被加載。

相關問題