Desempenho · GUIA PRÁTICO

Como diagnosticar um site lento

Reproduza a lentidão e investigue servidor, recursos, scripts e interação antes de escolher uma otimização.

Para diagnosticar um site lento, reproduza o problema e anote qual página, em que conexão, em qual etapa e durante qual ação ele aparece. “Está lento” pode significar que o servidor responde tarde, que o conteúdo principal demora, que a tela muda enquanto carrega ou que um controle demora para reagir.

1. Escolha páginas e ações representativas

Selecione a página inicial e caminhos importantes, como um serviço, um produto ou o formulário. Teste a mesma ação em um aparelho e conexão conhecidos. Registre a data, ferramenta, URL e resultado.

Ao comparar aparelhos, confira também se o layout adapta o conteúdo sem esconder a tarefa principal. O guia de criação de site responsivo ajuda a separar problemas de layout de problemas de carregamento.

Uma execução isolada ajuda a reproduzir o sintoma; ela não representa sozinha a experiência de todos os visitantes. Compare mais de uma execução e mantenha condições semelhantes.

2. Separe as etapas do carregamento

Sinal observadoOnde investigar
Documento demora para começarServidor, hospedagem, cache e rede
Texto principal aparece tardeConteúdo, CSS, fonte e elemento mais visível
Imagem ou seção desloca o textoDimensões reservadas e conteúdo carregado depois
Botão demora após interaçãoJavaScript, tarefas longas e trabalho de terceiros
Só um visitante percebe lentidãoDispositivo, rede local, cache e extensão do navegador

Essas associações orientam a investigação; cada uma pode ter causas distintas. Observe a rede e a linha do tempo para localizar a espera antes de alterar vários componentes.

3. Use métricas no contexto correto

O guia Web Vitals explica métricas de carregamento, resposta e estabilidade, além da diferença entre medição em laboratório e dados de usuários reais. Uma nota de laboratório reproduz um cenário; dados reais variam com aparelhos e condições de visita.

Compare sempre a mesma URL e ambiente antes/depois. Confira se a alteração manteve menus, formulários, scripts necessários e conteúdo acessível. Uma nota melhor não demonstra sozinha que cada visitante atingiu a mesma experiência.

4. Priorize uma causa de cada vez

Liste cada hipótese, a evidência disponível e uma mudança possível. Mude uma coisa por etapa. Remover todas as integrações pode aumentar uma pontuação, mas também interromper uma função importante. Combine impacto comercial com a medida técnica.

5. Feche a investigação com evidências

Registre o sintoma original, mudança, comparação e qualquer limitação. Quando não houver causa confirmada, descreva o que foi observado sem prometer uma solução universal. Conheça o serviço de otimização de desempenho.

Continue por aqui