Shopify layout shift count and the Core Web Vitals

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

Two in three Shopify sites uses layout shift count, and 64% of those use 1 to 2 layout shifts.

On jQuery, 42% of sites use 1 to 2 layout shifts layout shift count, and 91% of jQuery sites have a good CLS, against 94% of all sites. On Vue, 40% of sites use 1 to 2 layout shifts, and 91% of Vue sites have a good CLS.

FrameworkLayout shift count on its sitesGood CLS

All Shopify sites 8,246 sites1 to 2 layout shifts 42%0 layout shifts 33%3 to 5 layout shifts 16%94%

jQuery 3,153 sites1 to 2 layout shifts 42%0 layout shifts 25%3 to 5 layout shifts 21%6+ layout shifts 12%91%

Vue 933 sites1 to 2 layout shifts 40%0 layout shifts 27%3 to 5 layout shifts 22%6+ layout shifts 11%91%

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

Does the framework explain the layout shift count difference?

On jQuery, 93% of sites with 1 to 2 layout shifts layout shift count have a good CLS, against 96% of jQuery sites with 0 layout shifts. Within jQuery, sites with 1 to 2 layout shifts have a good CLS less often. On Vue, 92% of sites with 1 to 2 layout shifts layout shift count have a good CLS, against 96% of Vue sites with 0 layout shifts. Within Vue, 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 2,759 sites (33.5%) with 0 lab shifts, 98% pass field CLS, and across 3,494 sites (42.4%) with 1 to 2 shifts, 95% pass field CLS. When a page triggers 3 to 5 shifts (16.0%), good field CLS drops to 91%, and at 6 or more shifts (8.2%, 675 sites) good field CLS falls to 83%.