DOM element count on React sites

Sites with 800 to 1,499 DOM elements DOM element count have a good INP most often: 97%, against 95% of all React sites. Sites with 1,500+ DOM elements DOM size have it least often, at 93%.

Sites with 400 to 799 DOM elements DOM element count have a good LCP most often: 91%, against 85% of all React sites. Sites with 1,500+ DOM elements DOM size have it least often, at 73%.

400 to 799 DOM elements is the most used: 36.1% of React sites. 800 to 1,499 DOM elements is 36.0% of React sites.

On Wix, 42% of sites use 400 to 799 DOM elements DOM element count, and 97% of Wix sites have a good INP, against 95% of all sites. On WordPress, 41% of sites use 800 to 1,499 DOM elements, and 98% of WordPress sites have a good INP.

On Wix, 42% of sites use 400 to 799 DOM elements DOM element count, and 94% of Wix sites have a good LCP, against 85% of all sites. On WordPress, 41% of sites use 800 to 1,499 DOM elements, and 61% of WordPress sites have a good LCP.

PlatformDOM element count on its sitesGood INP

All React sites 9,570 sites400 to 799 elements 36%800 to 1,499 elements 36%1,500+ elements 19%95%

WordPress 2,342 sites800 to 1,499 elements 41%400 to 799 elements 28%1,500+ elements 26%98%

Wix 5,824 sites400 to 799 elements 42%800 to 1,499 elements 36%1,500+ elements 15%97%

400 to 799 elements 800 to 1,499 elements 1,500+ elements Under 400 elements

Does the platform explain the DOM element count difference?

On Wix, 98% of sites with 800 to 1,499 DOM elements DOM element count have a good INP, against 97% of Wix sites with 400 to 799 DOM elements. Within Wix, sites with 800 to 1,499 DOM elements and 400 to 799 DOM elements have a good INP about equally often. On WordPress, 99% of sites with 800 to 1,499 DOM elements DOM element count have a good INP, against 98% of WordPress sites with 400 to 799 DOM elements. Within WordPress, sites with 800 to 1,499 DOM elements and 400 to 799 DOM elements have a good INP about equally often.

On Wix, 97% of sites with 400 to 799 DOM elements DOM element count have a good LCP, against 95% of Wix sites with 800 to 1,499 DOM elements. Within Wix, sites with 400 to 799 DOM elements have a good LCP more often. On WordPress, 73% of sites with 400 to 799 DOM elements DOM element count have a good LCP, against 58% of WordPress sites with 800 to 1,499 DOM elements. Within WordPress, sites with 400 to 799 DOM elements have a good LCP more often.

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 3,454 sites (36.1%) with 400 to 799 elements, 96% pass field INP at a 74ms median, and the 36.0% between 800 and 1,499 elements reach 97% good INP (80ms median). Once the document tree crosses 1,500 elements (19.4% of sites, 1,860), good INP drops to 93% and median INP rises to 95ms.