| Sintoma | Causa raiz | Ação corretiva |
|---|---|---|
| LCP acima de 4 s no mobile | Foto destacada em PNG acima de 1 MB sem compressão | Comprimir e converter para WebP antes do upload |
| Galeria não aparece no Google Imagens | Imagens de produto sem alt e fora do sitemap | Preencher alt e ativar sitemap de imagem no Rank Math |
| Layout pulando ao carregar (CLS) | Imagem sem largura e altura declaradas | Manter dimensões fixas e lazy-loading nativo |
Legenda: a mesma foto de produto em WebP pode pesar menos da metade do PNG original sem perda visível.
### Passo 1: Dimensione a imagem antes de subir Redimensione cada foto para o tamanho real de exibição antes do upload: uma imagem de produto exibida a 600 px não precisa de um arquivo de 3.000 px de largura. O WooCommerce gera várias miniaturas automaticamente, então subir um original gigante multiplica o desperdício de disco. Use uma largura de origem entre 1.200 px e 1.600 px, suficiente para zoom sem exagero. Ferramentas como o Squoosh, do Google, fazem o corte e a prévia do peso final antes de publicar. Veja como redimensionar imagens sem perder qualidade antes de automatizar. ### Passo 2: Comprima e converta para WebP Comprima cada arquivo e gere a versão WebP, formato que entrega o mesmo visual com 25% a 35% menos bytes que o JPEG, segundo a documentação do WebP do Google. Plugins como ShortPixel e Imagify comprimem em massa e criam o WebP servido por negociação de conteúdo. Defina compressão "lossy" inteligente, que reduz peso sem artefatos visíveis em fotos de produto. Para escolher o formato certo por tipo de imagem, consulte qual tipo de arquivo de imagem usar no WordPress. ### Passo 3: Ative o lazy-loading correto Ative o lazy-loading para que as imagens de produto abaixo da dobra só carreguem quando o usuário rola a página, o que reduz o número de requisições no primeiro paint em lojas com galerias longas. O WordPress aplica `loading="lazy"` nativo desde a versão 5.5, mas a foto destacada acima da dobra deve ficar de fora do lazy para não atrasar o LCP. Configure a exceção da primeira imagem no plugin de performance. O tutorial de lazy load em imagens e vídeos detalha a exclusão da imagem LCP. ### Passo 4: Preencha o alt de cada imagem de produto Preencha o atributo alt de toda imagem de produto com a descrição real do item, porque o Google usa esse texto para indexar a foto na busca visual e leitores de tela o usam na acessibilidade. Um alt como "tênis de corrida masculino azul cano baixo" rende mais que "IMG_4821". O alt da imagem de produto serve a SEO e a acessibilidade ao mesmo tempo, mas o título da imagem não substitui o alt. A diferença entre os dois está em alt text versus título da imagem, e o conceito de alt text vale revisar. ### Passo 5: Exponha as imagens no sitemap do Rank Math Ative o sitemap de imagem no Rank Math PRO para que cada imagem de produto entre no índice e apareça no Google Imagens, fonte de tráfego que muitas lojas ignoram. Sem o sitemap de imagem, o Google pode levar semanas para descobrir a foto. No Rank Math, em Sitemap Settings, ligue "Include Images" e o plugin agrega as imagens de produto ao XML automaticamente. O passo completo está em como configurar SEO para imagens com Rank Math. --- ## Como medir o ganho de velocidade depois de otimizar Medir o antes e depois é o que prova que a otimização das imagens de produto funcionou: rode o PageSpeed Insights na URL do produto e compare o LCP. Em testes na base FULL, converter a galeria para WebP tende a derrubar o LCP de cerca de 4 s para a faixa de 2,5 s no mobile. Esse limite de 2,5 s é o que o Google considera bom no Core Web Vitals, então é a meta a perseguir. Acompanhe também os Core Web Vitals no WordPress dentro do Search Console, que reportam o campo real de usuários, não só o laboratório do PageSpeed. A métrica que mais importa para loja é o LCP da página de produto, porque é ela que recebe o tráfego de compra e converte. Repita a medição uma semana depois para confirmar que o campo real acompanhou o laboratório. --- ## Quanto isso custa e onde a FULL entra Comprimir imagens de produto manualmente é grátis, mas automatizar com Rank Math PRO em catálogo grande é o que escala sem trabalho repetido. No plano PRO da FULL, por R$849 ao ano, você ativa o Rank Math PRO e os demais plugins do bundle com um clique. Quando você gerencia 10 lojas, esse plano PRO dá cerca de R$85 por site, contra US$59 por licença avulsa de cada plugin. A gente vê no suporte da FULL que a maior parte das lojas lentas sofre por imagem mal otimizada, não por servidor fraco. Compare os planos da FULL antes de comprar plugin avulso, porque o bundle por R$85 por site sai mais barato que licenciar Rank Math, compressor e cache separados. A FULL é complementar à sua hospedagem: entra na camada de plugins e otimização, não substitui o host. --- ## Erros comuns ao otimizar imagens de produto Os erros mais comuns aparecem cedo e custam reprocessamento: o principal é ligar a compressão WebP on-the-fly antes de regenerar thumbnails, o que em loja com mais de 1.000 SKUs reprocessa a biblioteca inteira e gera pico de CPU em horário de pico. Outro deslize frequente é comprimir demais, com qualidade abaixo de 60%, e deixar a foto do produto com artefatos visíveis que reduzem a conversão na página. Há ainda quem aplique lazy-loading na imagem destacada acima da dobra e, sem querer, piore o LCP que queria corrigir. Um quarto erro é esquecer a largura e altura no HTML, o que dispara CLS. Quem gerencia várias lojas encontra mais armadilhas em como gerenciar uma loja WooCommerce. A ordem dos cinco passos existe justamente para evitar esses casos antes que cheguem ao cliente. ---Porque a foto do produto costuma ser o maior arquivo da página e define o LCP no mobile. Uma imagem de produto em PNG acima de 1 MB sem compressão sozinha empurra o tempo de pintura para mais de 4 s em conexão 4G. A galeria soma mais de 70% dos bytes da página em boa parte das lojas. Comprimir e converter para WebP resolve o gargalo na maioria dos casos.
Sim, dá para otimizar imagens de produto sem plugin redimensionando e comprimindo cada foto antes do upload em ferramentas como o Squoosh, do Google, que gera WebP no navegador. O método manual funciona bem até algumas dezenas de produtos. Acima de 1.000 SKUs, um plugin como ShortPixel ou Imagify economiza horas, porque comprime em massa e mantém o WebP atualizado automaticamente.
O WebP é o melhor formato para imagens de produto no WooCommerce na maioria dos casos, porque entrega o mesmo visual com 25% a 35% menos bytes que o JPEG, segundo a documentação do WebP do Google. O JPEG continua válido como fallback para navegadores antigos, e a negociação de conteúdo serve o WebP a quem suporta. Para fotos com transparência, o PNG comprimido ainda tem lugar.
A otimização de imagens de produto tende a reduzir o LCP da página de produto de cerca de 4 s para a faixa de 2 s a 2,5 s no mobile, o limite recomendado pelo Google. O ganho exato depende do tema e do servidor, mas comprimir e converter a galeria para WebP é o item de maior impacto isolado. Recomenda-se medir no PageSpeed Insights antes e depois para confirmar o resultado por ambiente.
O alt text é o atributo que descreve a imagem de produto em texto, e ele importa porque o Google o usa para indexar a foto na busca visual. Sempre preencha o alt com nome do produto, cor e modelo, nunca deixe em branco nem use "IMG_4821". Um alt como "tênis de corrida masculino azul" rende tráfego de Google Imagens que muitas lojas ignoram. Use o título da imagem para organização interna e o alt para SEO e acessibilidade: são campos diferentes.