Shopify iframe count and the Core Web Vitals

Sites with 1 iframe iframe count per page have a good CLS most often: 89%, against 86% of all Shopify sites. Sites with 4+ iframes iframe count have it least often, at 80%.

Sites with 1 iframe iframe count per page have a good INP most often: 100%, against 99% of all Shopify sites. Sites with 4+ iframes iframe count have it least often, at 99%.

Sites with 1 iframe iframe count per page have a good LCP most often: 97%, against 97% of all Shopify sites. Sites with 4+ iframes iframe count have it least often, at 94%.

Four in five Shopify sites uses iframe count per page, and two in five of those use 1 iframe.

On jQuery, 32% of sites use 2 to 3 iframes iframe count per page, and 80% of jQuery sites have a good CLS, against 86% of all sites. On Vue, 29% of sites use 2 to 3 iframes, and 80% of Vue sites have a good CLS.

On jQuery, 32% of sites use 2 to 3 iframes iframe count per page, and 99% of jQuery sites have a good INP, against 99% of all sites. On Vue, 29% of sites use 2 to 3 iframes, and 100% of Vue sites have a good INP.

On jQuery, 32% of sites use 2 to 3 iframes iframe count per page, and 95% of jQuery sites have a good LCP, against 97% of all sites. On Vue, 29% of sites use 2 to 3 iframes, and 97% of Vue sites have a good LCP.

FrameworkIframe count per page on its sitesGood CLS

All Shopify sites 8,246 sites1 iframe 32%2 to 3 iframes 28%0 iframes 21%4+ iframes 18%86%

jQuery 3,153 sites2 to 3 iframes 32%1 iframe 28%4+ iframes 24%0 iframes 16%80%

Vue 933 sites2 to 3 iframes 29%1 iframe 27%4+ iframes 24%0 iframes 19%80%

1 iframe 2 to 3 iframes 0 iframes 4+ iframes

Does the framework explain the iframe count per page difference?

On jQuery, 86% of sites with 1 iframe iframe count per page have a good CLS, against 80% of jQuery sites with 0 iframes. Within jQuery, sites with 1 iframe and 0 iframes have a good CLS about equally often. On Vue, 87% of sites with 1 iframe iframe count per page have a good CLS, against 78% of Vue sites with 0 iframes. Within Vue, sites with 1 iframe and 0 iframes have a good CLS about equally often.

On jQuery, 99% of sites with 1 iframe iframe count per page have a good INP, against 100% of jQuery sites with 0 iframes. Within jQuery, sites with 1 iframe and 0 iframes have a good INP about equally often. On Vue, 100% of sites with 1 iframe iframe count per page have a good INP, against 100% of Vue sites with 0 iframes. Within Vue, sites with 1 iframe and 0 iframes have a good INP about equally often.

On jQuery, 97% of sites with 1 iframe iframe count per page have a good LCP, against 98% of jQuery sites with 0 iframes. Within jQuery, sites with 1 iframe and 0 iframes have a good LCP about equally often. On Vue, 99% of sites with 1 iframe iframe count per page have a good LCP, against 97% of Vue sites with 0 iframes. Within Vue, sites with 1 iframe and 0 iframes have a good LCP about equally often.

How embedded iframes destabilize layout and multiply main-thread contexts

Every <iframe> creates an independent browsing context with its own document, styles, and scripts, and frequently resizes asynchronously after load. Across 1,761 sites (21.4%) with 0 iframes, 88% pass field CLS. Adding 1 iframe (32.4%) lowers good CLS to 89%, 2 to 3 iframes (28.2%) drops good CLS to 86%, and 4 or more iframes (18.0%, 1,488 sites) pulls good CLS down to 80%.