Diagnóstico · Sites e Performance

Site lento: diagnóstico de PageSpeed e Core Web Vitals

Nota baixa não explica sozinha um site lento. Aprenda a separar dados de campo e laboratório, localizar o gargalo e corrigir LCP, INP e CLS.

Ilustração editorial do artigo Site lento: diagnóstico de PageSpeed e Core Web Vitals

Para corrigir um site lento, identifique primeiro onde o tempo é gasto e qual experiência real está ruim. A nota do PageSpeed é um sinal de laboratório; Core Web Vitals usam métricas centradas no usuário e devem ser avaliadas com dados de campo quando disponíveis.

As três métricas estáveis

  • LCP: quando o maior conteúdo visível é renderizado. A referência de boa experiência é até 2,5 segundos no percentil 75.
  • INP: responsividade das interações durante a visita. Valor baixo indica resposta consistente.
  • CLS: instabilidade visual. A referência de boa experiência é até 0,1 no percentil 75.

Campo e laboratório não são iguais

Dados de campo refletem dispositivos, redes e usuários reais. Laboratório reproduz uma condição controlada e ajuda a depurar. Uma página pode ir bem em um teste e mal para usuários reais; também pode não ter volume suficiente para dados de campo.

Diagnóstico em ordem

1. Servidor e TTFB

Verifique cache, consultas, PHP, banco, CDN e capacidade. Otimizar imagens não corrige uma resposta inicial travada.

2. Elemento LCP

Descubra qual imagem ou bloco é o LCP. Garanta que esteja no HTML, com prioridade adequada, formato eficiente e sem lazy-load indevido.

3. JavaScript e INP

Localize tarefas longas, scripts de terceiros e handlers pesados. Reduza trabalho no thread principal e carregue recursos quando realmente necessários.

4. Dimensões e CLS

Reserve espaço para imagens, anúncios e embeds. Evite inserir banners acima do conteúdo e cuide do carregamento de fontes.

Erros comuns

  • instalar vários plugins de cache ao mesmo tempo;
  • converter imagens sem tratar o elemento LCP;
  • remover CSS crítico e quebrar renderização;
  • buscar nota 100 sem medir conversão;
  • testar apenas a home;
  • ignorar páginas mobile e templates internos.

Plano de correção

  1. Escolha templates e páginas de maior valor.
  2. Registre dados antes da mudança.
  3. Corrija o gargalo dominante.
  4. Teste funcionalidade e visual.
  5. Compare laboratório imediatamente.
  6. Acompanhe campo após acumular dados.

Velocidade é parte de um projeto maior. Veja quanto custa um site profissional e conheça meu trabalho de desenvolvimento orientado a performance.

Leitura sem ruído

Estratégia aplicável, direto no seu e-mail.

Novos guias, comparativos e ferramentas. Sem frequência artificial e com descadastro simples.