DOM element count and the Core Web Vitals
31.5% of audited sites (63,552) keep their DOM between 400 and 799 elements (97% good INP, 82ms median), while the 17.6% exceeding 1,500 DOM nodes drop to 93% good INP (101ms median).
31.5% of sites use 400 to 799 DOM elements DOM element count, and 97% of those sites have a good INP, against 95% of all sites.
25.7% of sites use under 400 DOM elements DOM element count, and 88% of those sites have a good LCP, against 82% of all sites.
Core Web Vitals pass rate
Sites with 400 to 799 DOM elements DOM element count have a good INP most often: 97%, against 95% of all sites. Sites with under 400 DOM elements DOM size have it least often, at 92%.
Sites with under 400 DOM elements DOM element count have a good LCP most often: 88%, against 82% of all sites. Sites with 800 to 1,499 DOM elements DOM size have it least often, at 78%.
DOM element count usage
400 to 799 DOM elements is the most used: 31.5% of sites.
Understanding DOM element count
How DOM tree size taxes style recalculation and layout during interactions
Every time a user taps a menu, filters a grid, or toggles a class, the browser recalculates styles and layout across affected DOM nodes. Across 63,552 sites (31.5%) with 400 to 799 elements, 97% pass field INP at a 82ms median, and the 25.2% between 800 and 1,499 elements reach 97% good INP (87ms median). Once the document tree crosses 1,500 elements (17.6% of sites, 35,503), good INP drops to 93% and median INP rises to 101ms.
Keep total DOM element count under 800 nodes on initial load and below 1,500 nodes on complex templates. Render modals, drawer menus, and offscreen tabs lazily on interaction, and paginate or virtualize long product and comment lists. Across all audited sites, 31.5% sit at 400 to 799 nodes (97% good INP, 82ms median) versus 17.6% at 1,500+ nodes (93% good INP, 101ms median).
How DOM element count plays out per platform
What the field data shows when you isolate a single CMS or framework.
WordPress 65,509 sites WordPress pages with 1,500+ DOM elements (15.9%) pass field INP at 96% vs 99% at 400 to 799 nodes.
Across 65,509 WordPress sites, 37.3% have between 400 and 799 DOM nodes (99% good INP, 81ms median) and 15.9% exceed 1,500 nodes (96% good INP, 99ms median).
Shopify 8,573 stores 67.7% of Shopify storefronts exceed 1,500 DOM elements (95% good INP vs 99% at 800 to 1,499 nodes).
Across Shopify storefronts, 24.8% have between 800 and 1,499 DOM nodes (99% good INP) and 67.7% exceed 1,500 DOM nodes (95% good INP, 105ms median).
React & Next.js 9,570 sites React & Next.js apps with 1,500+ DOM nodes (19.4%) pass field INP at 93% vs 97% at 800 to 1,499 nodes.
Across 9,570 React sites, 36.1% render 400 to 799 nodes (96% good INP), 36.0% render 800 to 1,499 nodes (97% good INP), and 19.4% exceed 1,500 nodes (93% good INP).
Wix 5,825 sites 85% of Wix sites have fewer than 1,500 DOM nodes (97% good INP at 400 to 799 nodes).
Across 5,825 Wix sites, 41.8% sit at 400 to 799 DOM elements (97% good INP), 35.9% sit at 800 to 1,499 elements (98% good INP), and 15.0% exceed 1,500 elements (96% good INP).
By Arjen Karel · 210,902 crawled sites (196,263 with all devices Chrome field data, 201,622 sites with DOM element count, October 2026). How we measured.