Layout shift count on React sites

Sites with 1 to 2 layout shifts layout shift count have a good CLS most often: 80%, against 80% of all React sites. Sites with 6+ layout shifts shift count have it least often, at 55%.

42.8% of React sites use layout shift count, and 63% of those use 1 to 2 layout shifts.

On Wix, 79% of sites use 0 layout shifts layout shift count, and 96% of Wix sites have a good CLS, against 80% of all sites. On WordPress, 42% of sites use 1 to 2 layout shifts, and 75% of WordPress sites have a good CLS.

PlatformLayout shift count on its sitesGood CLS

All React sites 9,570 sites0 layout shifts 57%1 to 2 layout shifts 27%80%

Wix 5,824 sites0 layout shifts 79%1 to 2 layout shifts 18%96%

WordPress 2,342 sites1 to 2 layout shifts 42%0 layout shifts 24%3 to 5 layout shifts 19%6+ layout shifts 15%75%

0 layout shifts 1 to 2 layout shifts 3 to 5 layout shifts 6+ layout shifts

Does the platform explain the layout shift count difference?

On Wix, 95% of sites with 1 to 2 layout shifts layout shift count have a good CLS, against 96% of Wix sites with 0 layout shifts. Within Wix, sites with 1 to 2 layout shifts and 0 layout shifts have a good CLS about equally often. On WordPress, 82% of sites with 1 to 2 layout shifts layout shift count have a good CLS, against 86% of WordPress sites with 0 layout shifts. Within WordPress, sites with 1 to 2 layout shifts and 0 layout shifts have a good CLS about equally often.

How repeated layout shifts erode visual stability in the field

Each unexpected layout frame during page load increments the shift count. Across 5,477 sites (57.2%) with 0 lab shifts, 91% pass field CLS, and across 2,595 sites (27.1%) with 1 to 2 shifts, 80% pass field CLS. When a page triggers 3 to 5 shifts (9.3%), good field CLS drops to 62%, and at 6 or more shifts (6.4%, 612 sites) good field CLS falls to 55%.