1.5 Performance & Core Web VitalsMediumInferred
Excessive DOM size
A page with thousands of DOM nodes is slow to render, style and keep responsive. A bloated DOM usually points to over-nested markup or huge un-virtualised lists.
What it is
Thousands of nodes.
Why it matters
Slows rendering and interactivity.
How to fix it
Simplify markup; virtualise long lists.
How to find it on your site
- Run Lighthouse, which flags excessive DOM size and gives the node count.
- Find the templates or components generating the most nodes.
- Simplify nesting and virtualise very long lists.
- Re-measure the node count and rendering performance.
Cross-reference to ranking and citation factors
A large DOM slows rendering and interaction, working against LCP and INP. Leaner markup is faster on every metric.
Impact
Low-medium. Inferred.
Evidence
Large DOMs harm rendering/INP. web.dev, Core Web Vitals (Google)