Verificação de prontidão · Trilha Acelerar · peso 6
Formatos modernos de imagem em uso
Em uma página inicial com pelo menos três imagens, algumas imagens usam WebP ou AVIF (pelo tipo de arquivo, pelo tipo de um elemento source ou por um parâmetro de formato de uma CDN de imagens).
- Observado em
- 40%
- Os mil sites mais populares
- 42%
- Faixa do primeiro milhão
- 40%
- Não medido
- 62,841
de 123,215 sites medidos
219 medidos
68,845 medidos
bloqueado, sujeito a desafio ou não aplicável
Por que isso importa
WebP e AVIF costumam ser muito menores que JPEG ou PNG com qualidade semelhante, e as imagens frequentemente são a parte mais pesada de uma página.
Como corrigir
Sirva WebP ou AVIF com JPEG ou PNG como alternativa de compatibilidade, por meio de uma CDN de imagens ou gerando ambos os formatos durante a compilação.
Ferramenta de avaliação de prontidão para entrega de imagens
Como verificamos
Em uma página inicial com pelo menos três imagens, algumas imagens usam WebP ou AVIF (pelo tipo de arquivo, pelo tipo de um elemento source ou por um parâmetro de formato de uma CDN de imagens).
Observado: Imagens WebP ou AVIF detectadas.
Não observado: Nenhuma imagem WebP ou AVIF detectada.
Limitação: com base no HTML da página inicial entregue a um cliente automatizado; scripts que são executados posteriormente não foram executados.
Etapas específicas por stack
- WordPress: WordPress oferece suporte a uploads de WebP desde 5.8 e de AVIF desde 6.5; plugins de imagens ou o provedor de hospedagem podem converter imagens existentes.
- Next.js: O componente next/image serve formatos otimizados automaticamente.
- Nuxt: Nuxt Image pode gerar WebP e AVIF.
- Cloudflare: Cloudflare Polish pode converter imagens para WebP.
- Vercel: Vercel Image Optimization serve formatos modernos.
- Shopify: A CDN de imagens de Shopify pode servir formatos modernos; siga as orientações de desempenho web de Shopify para temas.
Por faixa de popularidade
| Faixa de Chrome UX Report | Observado | Medido |
|---|---|---|
| Top 1K | 42% | 219 |
| Top 5K | 38% | 1,042 |
| Top 10K | 41% | 1,351 |
| Top 50K | 39% | 10,382 |
| Top 100K | 40% | 10,125 |
| Top 500K | 39% | 31,251 |
| Top 1M | 40% | 68,845 |
Categorias com maior probabilidade de fazer isso
Categorias com menor probabilidade
Por stack
- Astro on Amazon CloudFront83%
- Webflow81%
- Astro on Cloudflare78%
- Astro75%
- Gatsby72%
- Gatsby on Amazon CloudFront71%
- Nuxt on Amazon CloudFront62%
- Nuxt on Cloudflare58%
- Nuxt56%
- Nuxt on Google edge55%
- Angular on Cloudflare55%
- HubSpot CMS55%
- Shopify53%
- Angular53%
- Next.js on Amazon CloudFront50%
- Next.js on Azure Front Door/CDN49%
- Next.js on Google edge49%
- Next.js on Cloudflare48%
- WordPress on Cloudflare47%
- WordPress on Amazon CloudFront47%
- Drupal on Amazon CloudFront45%
- Drupal on Cloudflare45%
- Drupal on Fastly44%
- Next.js44%
- PrestaShop on Cloudflare44%
- Angular on Amazon CloudFront44%
- WordPress on Google edge44%
- Next.js on Netlify43%
- WordPress on Vercel43%
- WordPress43%
- Next.js on Vercel43%
- Bitrix42%
- Drupal40%
- Magento / Adobe Commerce on Cloudflare40%
- Wix39%
- Next.js on Akamai39%
- Drupal on Akamai38%
- WordPress on Fastly38%
- PrestaShop36%
- WordPress on Sucuri35%
- Magento / Adobe Commerce34%
- Next.js on Fastly32%
- WordPress on Imperva31%
- GoDaddy Website Builder31%
- Blogger30%
- Adobe Experience Manager on Amazon CloudFront29%
- Sitecore on Azure Front Door/CDN26%
- Joomla26%
- Adobe Experience Manager25%
- Adobe Experience Manager on Cloudflare25%
- BigCommerce25%
- Tilda22%
- Squarespace21%
- Sitecore16%
- Sitecore on Cloudflare16%
- Adobe Experience Manager on Akamai14%
Por provedor
- Netlify52%
- Cloudflare47%
- Bunny CDN46%
- Amazon CloudFront46%
- Vercel46%
- Fastly44%
- Azure Front Door/CDN42%
- Alibaba Cloud CDN40%
- Google edge40%
- Imperva35%
- Sucuri33%
- Akamai27%
Sites populares em que observamos isso
Fontes e guias
- web.dev: use imagens WebP
- WordPress 5.8 adiciona suporte a WebP
- WordPress 6.5 adiciona suporte a AVIF
- Next.js: componente Image
- Nuxt Image
- Cloudflare Polish
Guia: AVIF, WebP, JPEG e PNG: Escolha o formato de imagem certoVerifique seu próprio site