“Avoid an excessive DOM size” means your page has too many HTML elements, which slows rendering and interactions. On Elementor sites it usually comes from nested containers, old sections and columns, hidden-on-mobile duplicates, heavy addon widgets and mega menus. Fix it by flattening layouts, converting to containers, removing duplicated hidden content, and simplifying menus and sliders.
- Every container and widget adds elements.
- Hidden-on-mobile sections still exist in the HTML.
- Convert old sections and columns to containers.
- Flatten containers inside containers inside containers.
- Mega menus and sliders are frequent offenders.
What inflates DOM size on Elementor sites?
| Cause | Fix |
|---|---|
| Old sections and columns | Convert to containers |
| Containers nested 4 or 5 deep | Flatten; use gap and alignment |
| Separate desktop and mobile versions of sections | One responsive section |
| Mega menu with hundreds of links | Fewer links; lighter menu |
| Sliders and carousels with many slides | Fewer slides or a static layout |
| Icon lists and spacers everywhere | Use spacing settings instead of spacer widgets |
Core Web Vitals fixes, caching, image and database tuning on a staging copy first. Free speed check and a fixed quote.
How do you find the worst parts?
- Run PageSpeed Insights or Lighthouse and note the DOM element count.
- Open the Elementor Navigator and look for deep nesting.
- Check for sections hidden on mobile or desktop that duplicate content.
- Use DevTools to count elements in the header and menus.
Picture a homepage with a desktop hero and a separate mobile hero, each with 40 elements, plus a mega menu with 300 links in the header. Merging the heroes into one responsive section and trimming the menu cuts hundreds of elements without changing what visitors see.
Is it worth fixing?
A smaller DOM helps rendering speed and interaction responsiveness (INP), especially on mid-range phones. It also makes the site easier to edit. Combine it with image and script fixes for the biggest gains. See Core Web Vitals and speeding up Elementor.
Planning a website?
I design and build WordPress and Elementor websites for small businesses, from $899 for a complete site, with training at handover so you can edit it yourself. Get a price in two minutes with the website cost calculator, or book a free call to talk it through.
Frequently asked questions
What does excessive DOM size mean?
The page has too many HTML elements, which slows rendering and interaction.
Why do Elementor sites have large DOMs?
Nested containers, old sections, duplicated hidden sections, mega menus and sliders.
Do hidden sections count toward DOM size?
Yes. Hidden-on-mobile content is still in the HTML.
Will converting to containers reduce DOM size?
Usually, by removing wrapper elements of old sections and columns.
Sources
Core Web Vitals fixes, caching, image and database tuning on a staging copy first. Free speed check and a fixed quote.
More WordPress guides
Guide, 3 min readMy WordPress Tech Stack in 2026: The Tools I Use to Build Fast Sites
Guide, 3 min readElementor Interactions: Scroll and Hover Effects in the Atomic Editor
Guide, 3 min readIs Elementor Faster Now? Atomic Editor Performance Explained
Guide, 4 min readHow to Speed Up Your Elementor Website Without Breaking the DesignRather have an expert run your WordPress site?
Tanvir H is a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience, 650+ projects and a 4.9 client rating. New websites, redesigns, fixes, speed, security and SEO, handled by one expert who explains everything in plain English and works with clients worldwide.
