WordPress lento? Provavelmente são as imagens

Quando um WordPress fica lento, os plugins são os primeiros a passar por revisão. Ninguém pesa as imagens — e quase sempre são elas que mais pesam.

Hospedagem, plugins, tema, banco de dados, cache: os cinco podem causar problemas. Nenhum é o único peso da página.

Uma loja envia centenas de imagens. Um blog acrescenta outras a cada post. Na maioria das páginas, esses arquivos são a parte mais pesada.

Nós medimos. Em uma página inicial real — um site pequeno, nove imagens — elas pesavam 2.323 KB. No tamanho de cada tela e em um formato mais leve, as mesmas nove pesam 281 KB. São 88 % menos peso em cada visita. Imagem por imagem. O método está neste artigo. A margem de erro da estimativa também.

O que o Google olha em uma página lenta

O Google leva a velocidade em conta. O número se chama Largest Contentful Paint (LCP): quanto demora para o maior elemento da tela aparecer quando alguém abre a página.

LCP measures the time from when the user initiates loading the page until the largest image or text block is rendered within the viewport.

— web.dev, o guia do Google para otimizar o LCP.

Em termos simples: a maior imagem ou o maior bloco de texto. Em uma loja, quase sempre é a imagem do produto. Em um blog, costuma ser a imagem de abertura.

Nós não medimos quanto o site demora para abrir. Medimos o peso das imagens. Dizemos isso aqui porque o tempo também depende da hospedagem, do tema, dos plugins e de tudo mais que a página carrega. Esses bytes costumam ser a maior parte que viaja.

São as imagens, ou é outra coisa?

Confira antes de instalar qualquer coisa. Se você errar o diagnóstico, pode passar um mês no problema errado.

Três verificações. Todas grátis.

Você pode ter os dois problemas: imagens pesadas e um plugin lento. A ordem importa. Pesar primeiro não custa nada.

Quanto pesam de verdade as imagens do WordPress

Medimos o peso das imagens em 41 lojas reais de 14 plataformas.

As lojas em WordPress e WooCommerce — 7 lojas, uma amostra pequena, e nós dizemos isso — enviaram de 2,5 a 2,7 vezes mais bytes por pixel que as 12 lojas da Shopify. Entre 0 % e 48 % das imagens usavam um formato mais leve. Na Shopify, eram 100 %.

Esse peso vem de dois lugares: o arquivo é maior do que a tela e ainda está em JPEG quando já existem formatos mais leves.

O formato dá para medir. Mesma qualidade percebida — não o mesmo ajuste de qualidade, que é a comparação que engana. Quatorze imagens de duas lojas reais, codificadas 336 vezes, com a qualidade igualada em SSIMULACRA2 70:

Tamanho não quer dizer “envie imagens menores”. Quer dizer não mandar mais imagem do que a tela do visitante mostra.

Definimos um limite porque medimos o que acontece sem ele: para um espaço de 324 pixels, o navegador escolheu uma imagem 42 % mais pesada que outra versão que o site já tinha pronta.

Seu servidor entrega imagens em vez de trabalhar. Ele manda imagem após imagem para cada visitante quando deveria cuidar do site.

Isso acontece no seu servidor. O próximo passo é tirar esse trabalho de lá.

O que significa corrigir o problema

Três coisas, em cada imagem. Fazer à mão não acaba: cada novo envio começa o trabalho outra vez. As três importam. A terceira é a que quase todo site deixa de fazer:

1. O tamanho certo. A largura que a tela mostra. Não a largura da câmera. Não a que o tema enviou. Nunca maior que uma versão que o site já tinha.
2. Um formato mais leve. WebP para tudo. AVIF onde importa. Com os números acima, não por regra geral.
3. Entrega por uma rede, não pelo seu servidor. Cada imagem é preparada uma vez. Depois sai da nossa rede — 335 cidades em mais de 125 países — para cada visitante. Seu servidor vê a imagem uma vez. Nas visitas seguintes, não. Nós medimos: quando a imagem já está na rede, o servidor não recebe outro pedido por ela.

Não é slogan. O visitante baixa menos. O servidor envia menos.

É isso que uma rede de imagens muda. Dez visitantes ou dez mil ao mesmo tempo: as imagens continuam saindo da rede.

Pese as imagens do seu site

Você não precisa acreditar na gente.

Cole uma página no medidor de peso das imagens. Ele pesa cada imagem dessa página, codifica de verdade as mais pesadas e coloca dois números lado a lado: o de hoje, medido; o outro, estimado.

Essa 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. Nós publicamos o erro. Um número que esconde isso diz muito pouco.

Se o site usa WordPress, o relatório oferece o conector. Dois minutos no painel. Sem conta. Sem cartão de crédito. A página inicial fica grátis para sempre: até 50 imagens novas por mês, em WebP, no tamanho de cada visitante.

O site inteiro em AVIF é o plano Pro: R$ 49,90 por mês. Uma taxa fixa. Sem cobrança por visita, banda ou excedente. Os arquivos originais ficam intactos. Desative o conector e tudo volta ao que era.

1. Cole uma página — a inicial, ou a categoria onde estão as imagens.
2. Veja os dois números. Confira quais imagens carregam o peso.
3. Se o site usa WordPress, instale o conector. A página inicial já sai mais leve na hora.

Perguntas

Isso deixa meu WordPress mais rápido?

Faz as imagens pesarem menos, e quase sempre são elas que mais pesam na página. Nós não medimos quanto tempo a página demora para abrir. Isso também depende da hospedagem, do tema, dos plugins e de tudo mais que ela carrega.

Meu site não usa WordPress. Ainda serve?

Sim, para medir: cole a página e veja os números. Hoje o conector é para WordPress. Outras plataformas estão previstas, mas sem data.

O que os planos grátis e Pro cobrem?

O plano grátis cobre a página inicial: até 50 imagens novas por mês, WebP em três tamanhos, visitas ilimitadas, para sempre, sem cartão de crédito. O Pro cobre todas as páginas e imagens em AVIF, por uma taxa fixa, sem cobrança por visita ou banda.

Pode quebrar meu site?

Não. Os arquivos originais ficam intactos. Se algo falhar — o serviço, uma imagem, qualquer coisa — o visitante vê a original. Testamos os quatro piores casos; nenhum termina em imagem quebrada. Desative o conector e tudo volta na hora.