Como deixar um site mais rápido

O que resolve primeiro em um site lento

Comece pelo que bloqueia a exibição do conteúdo: scripts que precisam ser baixados, compilados e executados antes de qualquer texto aparecer. Em seguida, a imagem que ocupa a maior área visível na abertura, que quase sempre é o elemento medido pelo LCP. Só depois vem o resto.

Essa ordem não é preferência: é a sequência que muda o número que o visitante percebe, em vez do número que aparece no relatório.

Como reduzir o tempo até o conteúdo aparecer

Entregue o conteúdo já no HTML, sem depender de JavaScript para montá-lo. Dimensione a imagem principal para o tamanho em que ela é exibida e sirva-a em formato moderno. Carregue fontes com font-display: swap e limite-se a uma ou duas famílias, de preferência variáveis.

Depois disso, atrase tudo o que não é essencial na abertura: chat, pixel de campanha, gerenciador de tags e vídeo incorporado podem esperar o carregamento terminar.

Como evitar que o layout pule durante o carregamento

Declare largura e altura em toda imagem e todo vídeo, para que o navegador reserve o espaço antes de o arquivo chegar. Reserve área para banners e blocos que aparecem depois. Evite inserir conteúdo acima do que já está visível, que é o que mais desloca a leitura.

Fonte também desloca: uma família cujo fallback tem métricas muito diferentes causa reflow no momento da troca. Escolher um fallback próximo resolve boa parte disso.

Plugin de cache resolve

Resolve uma parte pequena. Cache reduz o tempo que o servidor leva para responder, o que melhora o tempo até o primeiro byte. Se o gargalo é JavaScript no caminho crítico ou imagem de 3 MB, o site continua lento — só que agora entrega o mesmo problema mais rápido.

Vale instalar, e vale não confundir com solução. O diagnóstico correto vem de olhar o dado de campo e identificar qual das três métricas está reprovada.

Quanto ganho posso esperar

Depende inteiramente do ponto de partida, e por isso a resposta honesta é medir antes. Sites que carregam scripts de terceiro no caminho crítico costumam ter o maior ganho isolado ao adiá-los. Sites já enxutos ganham pouco e podem estar no limite do que a arquitetura permite.

Quem promete um número de melhoria sem ter medido o site está chutando. O compromisso verificável é outro: um teto acordado, medido em navegador real, que reprova a entrega quando estourado.

Perguntas frequentes

Vale a pena trocar de plataforma para ganhar velocidade?

Só depois de esgotar as correções de conteúdo e de scripts na plataforma atual. Migração é cara, arrisca URLs e costuma ser vendida como solução para problemas que a plataforma nova também terá.

Imagens em WebP ou AVIF?

AVIF comprime mais, WebP tem suporte mais amplo e há anos é seguro. O ganho maior não está no formato: está em servir a imagem no tamanho em que ela aparece, em vez de reduzir uma foto de 4000 pixels no CSS.

Lazy loading em tudo melhora?

Não. Aplicar carregamento tardio na imagem principal atrasa justamente o elemento que o LCP mede. Lazy loading é para o que está abaixo da dobra; o que abre a página deve carregar com prioridade alta.