应用截图
详细介绍
分析 DOM 的节点数量、深度和大小,用于性能分析、速度优化或 SEO。
使用 DOM-Analyzer,了解网页中哪些元素会拖慢渲染速度,或哪些元素不利于 SEO!
此工具可让你浏览 DOM,并按以下指标对每一层排序:
- 节点:每个分支下的节点数量;
- 深度:每个分支下的最大深度;
- 长度:该分支上的字符数(不含空格)。
你可以借此找到负担特别重、子节点过多或层级过深的节点(这些通常不利于页面渲染)。点击节点可直接跳转到对应元素,也可以将鼠标悬停在节点上查看它对应的元素。