Performance web: o guia completo

O que são Core Web Vitals

Core Web Vitals são três métricas com que o Google resume a experiência de carregamento e de interação de uma página. Elas medem coisas diferentes e independentes: quanto tempo o conteúdo principal demora a aparecer, quanto tempo a página leva para responder a um clique, e quanto o layout se mexe sozinho durante o carregamento.

O ponto que costuma passar despercebido é que as três são coletadas de visitantes reais, com os aparelhos e as conexões que eles de fato têm.

Quais são as metas de LCP, INP e CLS

As metas oficiais são 2,5 segundos para LCP, 200 milissegundos para INP e 0,1 para CLS, avaliadas no percentil 75 dos últimos 28 dias. O percentil 75 significa que três em cada quatro visitantes precisam ter aquela experiência ou melhor — a média esconde justamente os casos ruins.

2,5 s é o limite de LCP para uma página ser classificada como boa, no percentil 75 dos visitantes reais. Fonte: web.dev — Core Web Vitals, 2024

Um site pode ter LCP excelente na sua máquina e reprovar em campo, porque o que está sendo medido é o parque de aparelhos do público real.

Qual a diferença entre dado de laboratório e dado de campo

Dado de laboratório vem de uma simulação controlada, como o Lighthouse: mesma máquina, mesma rede, resultado reproduzível. Dado de campo vem dos visitantes reais do site, com aparelhos e conexões heterogêneos. O primeiro serve para diagnosticar e comparar mudanças; o segundo é o que o Google usa para avaliar.

Confundir os dois é o erro mais frequente do segmento, e é o que produz relatório com nota 100 e cliente reclamando de lentidão.

Site rápido melhora o posicionamento no Google

Melhora pouco e de forma indireta. A experiência da página é um sinal de desempate entre resultados de relevância parecida, não um fator que sobrepõe conteúdo. Um site lento com a melhor resposta continua ganhando de um site rápido que não responde nada.

O motivo real para perseguir velocidade é outro e é maior: conversão. A pessoa desiste antes de o buscador notar qualquer coisa, e isso vale igualmente para tráfego pago, que não depende de posição nenhuma.

O que mais deixa um site lento

Na prática, quatro causas explicam a maioria dos casos: JavaScript executado antes de o conteúdo aparecer, imagens sem dimensão declarada ou em resolução muito acima do necessário, fontes personalizadas em excesso e scripts de terceiros — chat, pixel, gerenciador de tags — carregados no caminho crítico.

Nenhuma delas se resolve com plugin de cache. Cache melhora o tempo de resposta do servidor, que raramente é o gargalo.

Quanto de JavaScript é demais

A pergunta certa não é quantos quilobytes, é quanto trabalho o aparelho precisa fazer antes de a página ficar utilizável. Baixar é a parte barata: analisar, compilar e executar é o que trava a interação em celular intermediário, que é o aparelho da maior parte do público brasileiro.

O critério prático é ter um teto escrito por página e reprovar a entrega quando ele for estourado — é o que o orçamento de performance faz. Sem número acordado, a discussão vira opinião.

Nota 100 no PageSpeed significa site rápido

Não necessariamente. A nota do PageSpeed Insights é um resumo ponderado de métricas de laboratório, calculado em uma simulação. Ela é útil para achar problemas, e é uma medida ruim de sucesso: dá para otimizar a nota sem melhorar em nada a experiência de quem visita.

O que decide é o painel de dados de campo, na mesma tela, logo acima da nota. Se ele estiver vermelho e a nota estiver verde, quem está certo é o painel — assunto do artigo específico sobre isso.

Como manter a performance depois da entrega

Performance regride sozinha. Cada script novo, cada imagem sem otimizar e cada funcionalidade acrescentada consome parte do orçamento, e o efeito só aparece semanas depois. Sem uma verificação automática que reprove a publicação, a degradação é silenciosa e contínua.

O arranjo que funciona é ter o teto na automação, não em um documento, e acompanhar os dados de campo mês a mês. Uma auditoria técnica periódica cobre o que a automação não alcança.

Perguntas frequentes

Trocar de hospedagem resolve lentidão?

Só quando o gargalo é o tempo de resposta do servidor, o que é minoria dos casos. Se o problema é JavaScript no caminho crítico ou imagem pesada, o site continuará lento em qualquer hospedagem.

CDN melhora Core Web Vitals?

Melhora o tempo até o primeiro byte para visitantes distantes do servidor, o que ajuda o LCP. Não tem efeito sobre INP nem sobre CLS, que dependem do que a página faz depois de carregar.

Preciso medir performance em celular ou em computador?

Em celular. O Google avalia predominantemente a experiência móvel, e é onde a diferença de processamento é maior. Um site que passa no celular passa no computador; o contrário quase nunca é verdade.