STATUS IS UPPRONTIDÃO DOS SITES

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%

de 123,215 sites medidos

Os mil sites mais populares
42%

219 medidos

Faixa do primeiro milhão
40%

68,845 medidos

Não medido
62,841

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.

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 ReportObservadoMedido
Top 1K42%219
Top 5K38%1,042
Top 10K41%1,351
Top 50K39%10,382
Top 100K40%10,125
Top 500K39%31,251
Top 1M40%68,845

Categorias com maior probabilidade de fazer isso

Categorias com menor probabilidade

Por stack

Por provedor

Sites populares em que observamos isso

Fontes e guias