div容器昂貴嗎？

我有一個頁面建成數百個div容器（不要問爲什麼:)。我知道它不是太優雅，但渲染資源昂貴嗎？我應該擔心優化嗎？div容器昂貴嗎？

2011-07-20 Jakub M.

你可以發佈一個div的例子嗎？它不應該。 –

@webarto我可以'

':) – meo

@meo，好的，內容:)它取決於機器，但數百個'

'什麼也沒有:) –

取決於設備和div的內容。在iPad 1上創建了12深度嵌套，陰影，圓角，css3轉換等測試後，它在導航時就像平滑一樣。總數超過70格沒有造成任何減速。擁有多達200個div的規則不太複雜，內容等不會在現代瀏覽器/設備中造成實際問題。還必須使用超過40 MB的圖像，複雜的結構等等的頁面，至少幾代舊版Mac Mini可以完美地處理它。

總而言之，我不會擔心太多。但是，根據您的精確解決方案，這可能不是真的，但如果您不嘗試在div中執行太多的HTML/CSS/JS/Flash魔術，則應該沒問題。不過，一些移動瀏覽器也可能有所不同。例如，較慢的Android可能無法順利處理。

來源

2011-07-20 09:10:50 zatatatata

這不是divs本身昂貴，而是它們的內容推動佈局。你有什麼？

另外，你其實經驗慢？先量後，後擔心。

來源

2011-07-20 09:00:55 spraff

+1先測量後擔心（它並不總是那麼簡單，但在這種情況下它是正確的） – knittl

自己測試一下。在Chrome中，您可以在開發工具中看到渲染時間線。嘗試使用一半的div，看看有什麼不同。

正如另一個答案所提到的，它會涉及更多的內容。文字很簡單;圖像不是很多。如果你有浮動div，渲染引擎會變得更加複雜。但是，如果你在像Reddit這樣的網站上看到評論主題的html，那麼你正在談論數千個div，但它很快呈現。只是下載內容可能會延長10倍。

來源

2011-07-20 09:07:07 nren

div容器昂貴嗎？

回答

相關問題