我有一个包含大量DOM元素的网页应用,导致浏览器速度变慢。
我想知道罪魁祸首是什么。编写一些javascript来循环遍历所有DOM元素并报告哪些标签使用最多,这是微不足道的,但我正在寻找一些更复杂的东西。比方说,以下结构出现了一千次:
<div class="container">
<div class="somestuff">
<ul>
<li>Only one item</li>
</ul>
</div>
</div>
对标记的使用次数进行“报告”可能会显示div
标记被大量使用,这在大型应用中并不会告诉我它是否经常在该结构之外使用,对于大多数应用来说很有可能。
我想要的是检测并报告上述结构发生1000次的事情。同样,报告标签+类可能很容易,但我猜测有些情况下这种简单的方法会在检测我想要找到的内容时遇到问题,例如在没有类的情况下。那里有没有工具/脚本?或其他人习惯在类似的情况下找到罪魁祸首?