Blog
“Imagens em formatos de última geração”: o que mudou
O Lighthouse mudou o nome desta auditoria. Veja o que ela mede, o que estima e como conferir os bytes das imagens na sua página.
Última revisão:
Nesta página
“Disponibilize imagens em formatos de última geração” era uma linha vermelha do Lighthouse. Desde o Lighthouse 13, ela se chama “Entregue imagens em formatos modernos” e fica em Melhorar a entrega de imagens.
O nome mudou. O trabalho não. O Lighthouse encontra formatos antigos e estima quanto peso uma conversão poderia tirar.
O Google diz assim: “This audit has moved into the Improve image delivery insight as of Lighthouse 13.”
O que o aviso do Lighthouse mede
A auditoria verifica as imagens BMP, JPEG e PNG da página. Depois, modela a possível redução com WebP e AVIF.
Lighthouse collects each BMP, JPEG, and PNG image on the page, converts each to WebP, and estimates the AVIF file size, reporting the potential savings based on the conversion figures.
— developer.chrome.com, a documentação da auditoria.
A palavra importante é estimates. Os bytes que a sua página entregou são medidos. O possível peso em WebP ou AVIF, não. O Lighthouse também deixa uma imagem de fora quando a redução potencial é menor que 8 KiB, para se concentrar nas mais pesadas.
O que são formatos de “última geração”
Nesta auditoria, são WebP e AVIF no lugar de JPEG ou PNG. A comparação só vale com a mesma qualidade percebida.
Medimos essa parte: 14 imagens de duas lojas reais, 336 codificações, com a qualidade percebida igualada em SSIMULACRA2 70.
| Formato | Contra JPEG, mediana | Ganhou em |
|---|---|---|
| WebP — o formato do plano grátis | 21,8% mais leve | 11 de 14 imagens |
| AVIF — o formato do plano Pro | 32,1% mais leve | 14 de 14 |
| AVIF contra WebP | cerca de 21% mais leve ainda | 16 derivadas reais, mesma largura e qualidade |
São medições de peso, não de tempo de carregamento. Nós não medimos quanto um site demorou para abrir. A hospedagem, os scripts, o cache e o resto da página também importam.
O suporte do navegador também conta. A auditoria do Google avisa que WebP, AVIF e WebM não funcionam em iPhones anteriores ao iOS 16. A entrega precisa conferir o que cada navegador aceita e manter a original como alternativa.
O que fazer no WordPress
A recomendação do Google para WordPress é usar um plugin ou serviço que converta as imagens automaticamente. Automaticamente é a parte útil. Fazer um catálogo à mão não acaba.
As ferramentas seguem caminhos diferentes. Algumas reescrevem arquivos da biblioteca e guardam cópias. A NimboCDN muda o endereço da imagem na entrega. Os originais ficam intactos e, ao desativar o conector, a entrega anterior volta na hora. O comparativo entre ShortPixel e Imagify mostra como duas ferramentas de biblioteca se separam.
Se a página lenta é uma categoria, comece pelo que as imagens podem e não podem corrigir no WooCommerce. Para o site inteiro, descarte as outras causas de um WordPress lento.
Confira os bytes da sua página
Cole uma página pública abaixo. O medidor pesa cada imagem que viaja e codifica de verdade as mais pesadas. O número de hoje é medido. O possível depois, estimado.
A estimativa tem um erro mediano de 6,2 pontos no AVIF e 10,2 no WebP, medido em oito lojas que o modelo não conhecia. O método completo está no medidor de peso das imagens.
Se o site usa WordPress, o relatório oferece o conector. Para um arquivo solto, dá para comprimir imagem sem sair do navegador. Dois minutos. Sem conta. Sem cartão de crédito. A página inicial já sai mais leve na hora.
- Lendo a página
- Pesando e convertendo as imagens
Hoje é medido: esses bytes viajaram. Com a NimboCDN é estimado, e a etiqueta fica ao lado do número.
Perguntas
“Entregue imagens em formatos modernos” é a mesma auditoria?
Sim. O Lighthouse 13 moveu a antiga auditoria “Disponibilize imagens em formatos de última geração” para Melhorar a entrega de imagens e mudou o nome. Os dois se referem a entregar WebP ou AVIF no lugar de formatos antigos como JPEG e PNG.
Mudar de formato é o mesmo que comprimir?
Não. O formato é a codificação da imagem. A compressão controla como essa codificação usa os bytes. A comparação acima mantém a qualidade percebida igual, para que a diferença de peso venha do formato e não de deixar uma imagem pior.
Todos os navegadores aceitam AVIF?
Não. O suporte é menor que o do WebP. A entrega precisa verificar os formatos aceitos por cada navegador e voltar para a original quando necessário. A NimboCDN faz as duas coisas sem mudar o arquivo original.
Corrigir isso deixa o site inteiro rápido?
Não podemos afirmar isso com estas medições. Imagens mais leves tiram bytes e costumam ser a parte mais pesada. Não medimos tempo de carregamento, que também depende da hospedagem, dos scripts, dos plugins, do cache e do resto da página.