DOM Complexity Analyzer

Measure pasted HTML structure.

Runs in your browser. Nothing is uploaded — your input is processed on this device and discarded when you close the tab.

DOM Complexity Analyzer

How to use this tool

  1. Enter your values in the fields above.
  2. Press Generate to see the result.
  3. Use Load sample to try the worked example, Copy result to copy it, or Clear to start again.

Worked example

The sample has 3 elements (one div, two paragraphs) with a maximum nesting depth of 2. The most used tag is p, used twice.

What this tool does not do / Limits

This analyzes HTML text you paste. It does NOT scan a live site or a rendered page, and script-generated content is not counted.

Frequently asked questions

What is nesting depth?

How many elements deep the deepest element sits. Deeper trees are harder for browsers to lay out.

Do closing tags count as elements?

No. Only opening tags count, and self-closing tags count once.

Related tools