Analyzes the number of nodes, depth and size of your DOM for profiling, speed or SEO purposes.
DOM-Analyzer Extension
This tool allows you to explore the DOM, ordering each level by:
- Nodes: number of nodes under each branch,
- Depth: maximum depth under each branch,
- Length: count of characters on that branch (without spaces).
You will find this useful to find nodes that are specially heavy, have too many children or too many levels (which is usually bad when comes to rendering the page). You can go straight to the node's element by clicking on it or see which one it is by hovering over it.
Source Manifest.json
Similar Extensions
DOM X-Ray 1,000+ 2 ★ 57.82KiB
DOM Highlighter 1,000+ 4 ★ 52.1KiB
Site DOM Tree 1,000+ 2 ★ 88.35KiB
HTML DOM Navigation 1,000+ 18 ★ 13.89KiB
showHTML 1,000+ 2 ★ 12.59KiB
DOM Treemap 1,000+ 3 ★ 148KiB
CLS Visualizer 1,000+ 11 ★ 17.27KiB
Dom Size Analyzer 1,000+ 12 ★ 58.04KiB
DOM Size Inspector 1,000+ 1 ★ 30.5KiB
DOM node tree viewer. 1,000+ 4 ★ 281KiB
Web Vitals 1,000+ 43 ★ 398KiB
Css Playground and Dom Tree 1,000+ 2 ★ 179KiB
DevTools Classes & Atributes panel 1,000+ 4 ★ 12.75KiB
View Rendered Source 1,000+ 37 ★ 73.68KiB
Copy DOM Content 1,000+ 2 ★ 13.8KiB
DOM to JSON Converter 1,000+ 1 ★ 18.23KiB
Core Web Vitals 1,000+ 5 ★ 7.29KiB
LCP & CLS Monitor 1,000+ 1 ★ 19.96KiB
CSS Used 1,000+ 184 ★ 164KiB
Schema Builder for Structured Data 1,000+ 29 ★ 889KiB
HTML Visual Validation 1,000+ 8 ★ 54.54KiB
CLS Checker - Journey Further 1,000+ 9 ★ 107KiB
HTML Hierarchy Visualizer 1,000+ 8 ★ 21.62KiB
Core Web Vitals Annotations 1,000+ 2 ★ 191KiB
User reviews
-REDIRECT- Roberto Adarve (ID: 000000de3b723fee) Voted 5 ★ - Updated 05/14/2019