Name: Shopify image formats across the page and the Core Web Vitals (October 2026) - The State of Web Vitals
Creator: Arjen Karel

99.3% of Shopify sites use WebP images page image format mix, and 96% of those sites have a good LCP, against 96% of all Shopify sites.

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with page image format mixBy Arjen Karel · corewebvitals.io/state-of-cwv

1

LCP pass rate

Sites with WebP images page image format mix have a good LCP most often: 96%, against 96% of all Shopify sites. Sites with GIF images image formats have it least often, at 93%.

SitesGood, needs improvement, poor LCPMedian

All Shopify sites8,06296%1.3s

WebP images 99.3%7,99996%1.3s

AVIF images 90.6%7,31196%1.3s

JPEG images 51.1%4,12995%1.4s

PNG images 48.3%3,92795%1.4s

SVG vector graphics 60.4%4,87795%1.4s

Other image formats 38.7%3,12294%1.4s

GIF images / beacons 25.8%2,08693%1.5s

GoodNeeds improvementPoorSites: with Chrome field data

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with page image format mixBy Arjen Karel · corewebvitals.io/state-of-cwv

2

Page image format mix usage

WebP images is the most used: 99.3% of Shopify sites.

Sites using each option (sites can use more than one) 8,240 sites

WebP images 99.3% AVIF images 90.6% SVG vector graphics 60.4% JPEG images 51.1% PNG images 48.3%

WebP images 99.3% AVIF images 90.6% SVG vector graphics 60.4% JPEG images 51.1% PNG images 48.3% Other image formats 38.7% GIF images / beacons 25.8%

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with page image format mixBy Arjen Karel · corewebvitals.io/state-of-cwv

3

LCP phase breakdown by image formats used on the page

Across the four LCP sub-parts in Chrome's field data, the largest gap between WebP images and GIF images sits in resource load delay: 589 ms median for WebP images against 684 ms for GIF images. Overall median field LCP is 1.3s for WebP images (TTFB 389 ms, load delay 589 ms, load duration 208 ms, render delay 299 ms) versus 1.5s for GIF images.

Median LCP phase breakdown (Chrome field p75) Load delay Median LCP

Shopify sites with page image format mix 6,989389 ms589 ms208 ms298 ms589 mslab 589 ms1.3s

WebP images 6,948389 ms589 ms208 ms299 ms589 mslab 589 ms1.3s

AVIF images 6,351391 ms594 ms209 ms300 ms594 mslab 594 ms1.3s

JPEG images 3,588392 ms618 ms209 ms310 ms618 mslab 618 ms1.4s

SVG vector graphics 4,283400 ms626 ms201 ms339 ms626 mslab 626 ms1.4s

Other image formats 2,769396 ms634 ms201 ms331 ms634 mslab 634 ms1.4s

PNG images 3,413399 ms642 ms202 ms331 ms642 mslab 642 ms1.4s

GIF images / beacons 1,847399 ms684 ms189 ms350 ms684 mslab 684 ms1.5s

TTFB Resource load delay Resource load time Element render delay

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with page image format mixBy Arjen Karel · corewebvitals.io/state-of-cwv

4

Page image format mix per framework

Vue sets the page image format mix to WebP images on 100% of its sites, and 95% of Vue sites have a good LCP, against 96% of all sites.

FrameworkPage image format mix on its sitesGood LCP

Shopify sites with page image format mix 8,240 sitesWebP images 99%AVIF images 91%SVG vector graphics 60%JPEG images 51%PNG images 48%Other image formats 39%GIF images / beacons 26%96%

Vue 933 sitesWebP images 100%AVIF images 92%SVG vector graphics 70%JPEG images 57%PNG images 56%Other image formats 44%GIF images / beacons 29%95%

jQuery 3,149 sitesWebP images 99%AVIF images 93%SVG vector graphics 67%PNG images 58%JPEG images 55%Other image formats 46%GIF images / beacons 37%94%

WebP images AVIF images SVG vector graphics JPEG images PNG images Other image formats GIF images / beacons

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with page image format mixBy Arjen Karel · corewebvitals.io/state-of-cwv

5

Image format mix or the framework

Does the framework explain the page image format mix difference?

On jQuery, 94% of sites with WebP images page image format mix have a good LCP, against 94% of jQuery sites with AVIF images. Within jQuery, sites with WebP images and AVIF images have a good LCP about equally often. On Vue, 95% of sites with WebP images page image format mix have a good LCP, against 95% of Vue sites with AVIF images. Within Vue, sites with WebP images and AVIF images have a good LCP about equally often.

How AVIF and WebP across the page cut transfer weight and free bandwidth for LCP

Even when the LCP element itself is optimized, legacy PNG and JPEG assets elsewhere in the viewport compete for bandwidth on the same connection. Across 7,466 sites (90.6%) serving AVIF images, 96% pass field LCP (1.3s median). WebP is present on 99.3% of sites (96% good LCP), whereas legacy PNG (48.3%, 95% good LCP) and JPEG (51.1%, 95% good LCP) remain on four out of five pages.

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with page image format mixBy Arjen Karel · corewebvitals.io/state-of-cwv

6

Understanding page image formats

Configure your image CDN or build pipeline to negotiate AVIF and WebP automatically via the Accept request header for every raster image on the page, reserving PNG and SVG strictly for logos and icons. Across all audited sites, 90.6% serve AVIF (96% good LCP, 1.3s median) and 99.3% serve WebP (96% good LCP).

Go fix it Optimize images for Core Web Vitals → JPEG XL and Core Web Vitals →

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with page image format mixBy Arjen Karel · corewebvitals.io/state-of-cwv