Shopify largest layout shift score and the Core Web Vitals

Sites with a largest shift under 0.01 largest single layout shift score have a good CLS most often: 97%, against 94% of all Shopify sites. Sites with a largest shift over 0.25 largest shift have it least often, at 80%.

A largest shift of 0.01 to 0.10 is the most used: 37.5% of Shopify sites. A largest shift under 0.01 is 37.3% of Shopify sites.

On jQuery, 38% of sites use a largest shift of 0.01 to 0.10 largest single layout shift score, and 91% of jQuery sites have a good CLS, against 94% of all sites. On Vue, 37% of sites use a largest shift of 0.01 to 0.10, and 90% of Vue sites have a good CLS.

FrameworkLargest single layout shift score on its sitesGood CLS

Shopify sites with largest single layout shift score 5,487 sites0.01 to 0.10 (Within Good budget) 38%Under 0.01 (Imperceptible) 37%0.10 to 0.25 (Needs Improvement) 13%Over 0.25 (Poor in one jump) 12%94%

jQuery 2,369 sites0.01 to 0.10 (Within Good budget) 38%Under 0.01 (Imperceptible) 30%0.10 to 0.25 (Needs Improvement) 17%Over 0.25 (Poor in one jump) 16%91%

Vue 677 sites0.01 to 0.10 (Within Good budget) 37%Under 0.01 (Imperceptible) 35%0.10 to 0.25 (Needs Improvement) 15%Over 0.25 (Poor in one jump) 14%90%

0.01 to 0.10 (Within Good budget) Under 0.01 (Imperceptible) 0.10 to 0.25 (Needs Improvement) Over 0.25 (Poor in one jump)

Does the framework explain the largest single layout shift score difference?

On jQuery, 95% of sites with a largest shift under 0.01 largest single layout shift score have a good CLS, against 92% of jQuery sites with a largest shift of 0.01 to 0.10. Within jQuery, sites with a largest shift under 0.01 and a largest shift of 0.01 to 0.10 have a good CLS about equally often. On Vue, 96% of sites with a largest shift under 0.01 largest single layout shift score have a good CLS, against 91% of Vue sites with a largest shift of 0.01 to 0.10. Within Vue, sites with a largest shift under 0.01 and a largest shift of 0.01 to 0.10 have a good CLS about equally often.

When a single layout jump blows the entire 0.10 CLS budget

Google's Good CLS threshold is 0.10. Across 2,044 shifting sites (37.3%) whose largest single shift stays below 0.01, 97% pass field CLS, and across 2,060 sites (37.5%) at 0.01 to 0.10, 94% pass. Once a single jump lands between 0.10 and 0.25 (12.9%), good field CLS drops to 85%, and when a single shift exceeds 0.25 (12.3%, 677 sites), only 80% pass field CLS.