Readiness check · Accelerate lane · weight 6
Modern image formats in use
On a homepage with at least three images, some images use WebP or AVIF (by file type, a <source> type, or an image-CDN format parameter).
- Observed on
- 40%
- Top 1K sites
- 42%
- Top 1M band
- 41%
- Not measured
- 16,541
of 23,554 measured sites
219 measured
4,009 measured
blocked, challenged or not applicable
Why it matters
WebP and AVIF are typically much smaller than JPEG or PNG at similar quality, and images are often the heaviest part of a page.
How to fix it
Serve WebP or AVIF with a JPEG or PNG fallback, either through an image CDN or by generating both formats at build time.
How we check
On a homepage with at least three images, some images use WebP or AVIF (by file type, a <source> type, or an image-CDN format parameter).
Observed: WebP or AVIF images detected.
Not observed: No WebP or AVIF images detected.
Limit: Based on the homepage HTML delivered to an automated client; scripts that run later were not executed.
Stack-specific steps
- WordPress: WordPress has supported WebP uploads since 5.8 and AVIF since 6.5; image plugins or the host can convert existing images.
- Next.js: The next/image component serves optimized formats automatically.
- Nuxt: Nuxt Image can output WebP and AVIF.
- Cloudflare: Cloudflare Polish can convert images to WebP.
- Vercel: Vercel Image Optimization serves modern formats.
- Shopify: Shopify's image CDN can serve modern formats; follow Shopify's web performance guidance for themes.
By popularity band
| Chrome UX Report band | Observed | Measured |
|---|---|---|
| Top 1K | 42% | 219 |
| Top 5K | 38% | 1,042 |
| Top 10K | 41% | 1,347 |
| Top 50K | 39% | 10,361 |
| Top 100K | 41% | 3,208 |
| Top 500K | 40% | 3,368 |
| Top 1M | 41% | 4,009 |
Categories most likely to do this
Categories least likely
By stack
- Webflow84%
- Astro79%
- Nuxt on Amazon CloudFront68%
- Angular58%
- Nuxt55%
- Next.js on Amazon CloudFront55%
- Nuxt on Cloudflare55%
- Shopify55%
- Next.js on Google edge52%
- WordPress on Amazon CloudFront50%
- Drupal on Cloudflare49%
- Next.js on Cloudflare49%
- WordPress on Cloudflare48%
- Next.js47%
- WordPress45%
- Next.js on Vercel42%
- Drupal42%
- PrestaShop41%
- Blogger40%
- Adobe Experience Manager on Amazon CloudFront39%
- Next.js on Akamai38%
- Magento / Adobe Commerce33%
- Next.js on Fastly32%
- Adobe Experience Manager29%
- Sitecore19%
By provider
- Amazon CloudFront49%
- Cloudflare46%
- Azure Front Door/CDN46%
- Vercel45%
- Fastly45%
- Google edge43%
- Imperva33%
- Akamai30%
Popular sites where we observed this
Sources and guides
- web.dev: use WebP images
- WordPress 5.8 adds WebP support
- WordPress 6.5 adds AVIF support
- Next.js: Image component
- Nuxt Image
- Cloudflare Polish
Guide: AVIF, WebP, JPEG, and PNG: Choose the Right Image FormatCheck your own site