Core Web Vitals: o que a experiência do site revela sobre desempenho

Core Web Vitals são métricas públicas do Google que descrevem a experiência de carregamento, resposta e estabilidade visual de uma página. Elas não medem a qualidade do conteúdo, medem se a página responde bem para quem está usando, especialmente em conexões e aparelhos comuns.

As três métricas atuais

As definições, limites recomendados e mudanças dessas métricas são publicados em web.dev e no Google Search Central. Consulte a fonte oficial antes de fixar metas, porque os critérios são atualizados periodicamente.

Dados de laboratório e dados de campo

Ferramentas de laboratório simulam um carregamento em condições controladas. Dados de campo registram o que aconteceu com usuários reais. Um site pode ir bem no teste simulado e mal na experiência real, principalmente em conexões móveis.

Priorize dados de campo para decidir onde investir. Use o laboratório para diagnosticar a causa.

Causas frequentes de LCP alto

• Imagem grande sem otimização no topo da página.
• Fontes que bloqueiam a exibição do texto.
• Excesso de scripts carregados antes do conteúdo.
• Hospedagem com resposta lenta do servidor.

O maior elemento costuma ser uma imagem ou um bloco de texto grande. Identificar qual é o elemento é o primeiro passo, e a maior parte das ferramentas informa isso diretamente.

Causas frequentes de INP alto

Scripts pesados executando durante a interação, listas muito grandes renderizadas de uma vez e tarefas longas bloqueando a resposta. O efeito percebido é o clique que parece não funcionar, o que leva o usuário a clicar de novo.

Reduzir código desnecessário e adiar o que não é essencial resolve boa parte dos casos.

Causas frequentes de CLS

Imagens sem dimensões declaradas, banners inseridos depois do carregamento e fontes que trocam de tamanho ao serem aplicadas. O visitante tenta clicar em um item e o layout se move, gerando cliques errados.

Reservar espaço para elementos que carregam depois resolve a maioria das ocorrências.

O que priorizar

1. Meça o estado atual com dados de campo.
2. Identifique a página com maior tráfego e pior resultado.
3. Corrija a causa principal daquela página.
4. Verifique o efeito antes de mudar outra coisa.
5. Repita nas próximas páginas relevantes.

Otimizar tudo ao mesmo tempo dificulta saber o que funcionou e costuma introduzir novos problemas.

Imagens e mídia

Imagens são a principal causa de páginas lentas em sites institucionais. Use formatos modernos, dimensões adequadas ao espaço real de exibição, carregamento adiado para imagens fora da tela e sempre declare largura e altura.

Vídeos incorporados também pesam. Carregue o player somente quando o visitante decidir assistir.

Desempenho e conversão

Páginas lentas aumentam abandono, principalmente em dispositivos móveis e em campanhas pagas, onde cada visita tem custo. Melhorar desempenho costuma ter efeito direto em formulários preenchidos, tema relacionado a formulários de conversão.

Desempenho é um fator entre muitos na avaliação de páginas por buscadores. Nenhuma melhoria técnica garante posição em resultados.

Manutenção contínua

Sites pioram com o tempo: novas imagens, novos scripts de medição, novas integrações. Estabeleça uma revisão periódica e um critério antes de adicionar qualquer script de terceiros.

Cada ferramenta adicionada tem custo de desempenho. A pergunta antes da instalação deve ser o que ela entrega em troca.

Relação com o restante do trabalho técnico

Desempenho faz parte do conjunto verificado no checklist de SEO técnico e conversa diretamente com decisões de acessibilidade, tratadas em acessibilidade em sites.

Scripts de terceiros

Ferramentas de medição, chats, mapas e widgets somam peso e podem bloquear a interface. Faça inventário do que está instalado, remova o que não é usado e carregue o restante apenas quando necessário.

Cada nova ferramenta deve ter um responsável e uma justificativa. Sem esse controle, o site acumula scripts que ninguém consulta.

Hospedagem e entrega

Tempo de resposta do servidor influencia diretamente o carregamento. Verifique se a hospedagem atende o volume do site, se há cache configurado e se os arquivos são entregues comprimidos e com validade adequada.

Boa parte dos ganhos rápidos em desempenho está em configuração de entrega, não em reescrita de código.

Fontes e tipografia

Limite a quantidade de famílias e variações, use formatos modernos e configure a exibição do texto para não bloquear a leitura enquanto a fonte carrega. Excesso de variações tipográficas é uma causa silenciosa de lentidão.

Orçamento de desempenho

Definir limites antes evita a degradação progressiva que ocorre quando cada adição é avaliada isoladamente.

Comunicação com a equipe

Quem publica conteúdo precisa saber como preparar imagens e o que evitar. Uma orientação curta para a equipe editorial preserva o resultado das otimizações feitas pelo time técnico.

Conclusão prática

Meça com dados de campo, entenda qual métrica está pior e por quê, corrija a causa principal por página em vez de tudo ao mesmo tempo, cuide de imagens e scripts de terceiros, reserve espaço para elementos que carregam depois e faça revisões periódicas. Se quiser apoio nessa avaliação, veja o serviço de criação de sites da Polisenso.