html - 深度 div 嵌套是否会影响性能？

Question

我已经开始使用 DOM Monster，它通常非常酷且很有帮助。在分析我构建的页面时，它给我的警告之一是我的元素嵌套太深(超过 15 层深)。

div 嵌套对浏览器性能的影响有多严重？我是否应该大力减少嵌套？

Answer 1

现代浏览器不会有问题。

它应该不会对 IE6 产生太大影响 - 您应该考虑 div 的总数(通常是元素)，因为它比仅嵌套 20 个元素的影响更大。我已经看到 IE6 难以渲染 ~1000 个嵌套较小的 div。

一般来说，我会建议渲染尽可能少的元素，因为这将有助于您使用 CSS 设置样式。