DOM element count and the Core Web Vitals
31.5% of audited sites (61,353) keep their DOM between 400 and 799 elements (95% good INP, 92ms median), while the 17.6% exceeding 1,500 DOM nodes drop to 89% good INP (116ms median).
31.5% of sites use 400 to 799 DOM elements DOM element count, and 95% of those sites have a good INP, against 92% of all sites.
25.7% of sites use under 400 DOM elements DOM element count, and 86% 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: 95%, against 92% of all sites. Sites with under 400 DOM elements DOM size have it least often, at 88%.
Sites with under 400 DOM elements DOM element count have a good LCP most often: 86%, 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 61,353 sites (31.5%) with 400 to 799 elements, 95% pass field INP at a 92ms median, and the 25.2% between 800 and 1,499 elements reach 95% good INP (100ms median). Once the document tree crosses 1,500 elements (17.6% of sites, 34,293), good INP drops to 89% and median INP rises to 116ms.
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 (95% good INP, 92ms median) versus 17.6% at 1,500+ nodes (89% good INP, 116ms median).
How DOM element count plays out per platform
What the field data shows when you isolate a single CMS or framework.
WordPress 63,295 sites WordPress pages with 1,500+ DOM elements (15.9%) pass field INP at 92% vs 98% at 400 to 799 nodes.
Across 63,295 WordPress sites, 37.3% have between 400 and 799 DOM nodes (98% good INP, 91ms median) and 15.9% exceed 1,500 nodes (92% good INP, 114ms median).
Shopify 8,246 stores 67.6% of Shopify storefronts exceed 1,500 DOM elements (91% good INP vs 98% at 800 to 1,499 nodes).
Across Shopify storefronts, 24.8% have between 800 and 1,499 DOM nodes (98% good INP) and 67.6% exceed 1,500 DOM nodes (91% good INP, 119ms median).
React & Next.js 9,218 sites React & Next.js apps with 1,500+ DOM nodes (19.5%) pass field INP at 88% vs 95% at 800 to 1,499 nodes.
Across 9,218 React sites, 36.0% render 400 to 799 nodes (94% good INP), 36.2% render 800 to 1,499 nodes (95% good INP), and 19.5% exceed 1,500 nodes (88% good INP).
Wix 5,621 sites 85% of Wix sites have fewer than 1,500 DOM nodes (97% good INP at 400 to 799 nodes).
Across 5,621 Wix sites, 41.8% sit at 400 to 799 DOM elements (97% good INP), 36.1% sit at 800 to 1,499 elements (96% good INP), and 15.0% exceed 1,500 elements (94% good INP).
By Arjen Karel · 203,892 crawled sites (122,633 with phone Chrome field data, 194,627 sites with DOM element count, October 2026). How we measured.