Performance • Métricas web

O que é Core Web Vitals e como avaliar seu site?

LCP, INP e CLS medem carregamento, resposta às interações e estabilidade visual. Saiba interpretar essas métricas sem confundir uma nota de laboratório com a experiência de todos os visitantes.

Painel ilustrativo com indicadores de desempenho, acessibilidade, boas práticas e SEO
Indicadores usados para diagnosticar desempenho e experiência de página.

Core Web Vitals são métricas criadas para avaliar aspectos importantes da experiência real em uma página. Elas não medem se o texto é bom ou se a oferta é convincente; medem se o conteúdo principal aparece em tempo adequado, se a página responde às ações e se permanece visualmente estável.

Resposta direta

As três métricas atuais são LCP, INP e CLS. Para uma experiência considerada boa, o Google recomenda LCP de até 2,5 segundos, INP de até 200 milissegundos e CLS de até 0,1, avaliados no 75º percentil das visitas.

As três métricas do Core Web Vitals

LCP
≤ 2,5 s

Largest Contentful PaintMede quando o maior elemento visível — normalmente uma imagem, banner ou bloco de texto — termina de aparecer. Servidor lento, imagem principal pesada e recursos que bloqueiam a renderização podem prejudicá-lo.

INP
≤ 200 ms

Interaction to Next PaintAvalia quanto tempo a página leva para apresentar uma resposta visual depois de cliques, toques ou ações no teclado. JavaScript excessivo e tarefas longas na thread principal são causas comuns de atraso.

CLS
≤ 0,1

Cumulative Layout ShiftMede mudanças inesperadas de posição. Imagens sem dimensões, fontes que alteram o layout e conteúdos inseridos acima do que já está visível podem provocar deslocamentos.

Os limites e a metodologia podem ser consultados na documentação oficial do web.dev sobre Web Vitals.

Laboratório e campo não são a mesma coisa

O PageSpeed Insights pode apresentar dois grupos de dados. O teste de laboratório executa a página sob condições controladas e ajuda a encontrar gargalos. Já os dados de campo, quando disponíveis, vêm do Chrome UX Report e representam experiências reais agregadas.

Uma página pode alcançar uma nota alta no Lighthouse e ainda encontrar dificuldades para usuários com aparelhos mais lentos, conexões diferentes ou interações que o teste automático não reproduziu. O contrário também pode acontecer: uma execução isolada pode variar por causa do servidor, da rede ou de serviços externos.

Como interpretar corretamente

Use o laboratório para diagnosticar e repetir testes durante o desenvolvimento. Use dados de campo para compreender o que acontece com visitantes reais ao longo do tempo. O próprio web.dev recomenda combinar as duas perspectivas.

Relatório Lighthouse da página inicial da MAVSLEO com notas 100 e métricas de laboratório
Auditoria Lighthouse desktop da página inicial, executada em 18/07/2026. Resultados de laboratório podem variar entre execuções.

Core Web Vitals afeta o posicionamento?

A experiência de página faz parte dos sinais observados pelos sistemas do Google, mas não existe uma “punição automática” causada por uma nota abaixo de 100. A orientação oficial sobre experiência de página deixa claro que muitos aspectos são avaliados e que relevância continua essencial.

Isso significa que velocidade não substitui conteúdo útil, estrutura clara ou confiança. Ao mesmo tempo, uma página difícil de usar pode reduzir a satisfação do visitante, atrapalhar o contato e limitar o resultado do conteúdo já produzido.

Como melhorar cada métrica

Para LCP

Otimizar a imagem principal, reduzir o tempo do servidor, evitar carregar o elemento principal via JavaScript e priorizar recursos realmente críticos.

Para INP

Reduzir JavaScript desnecessário, dividir tarefas longas, revisar scripts de terceiros e simplificar callbacks de interação.

Para CLS

Definir largura e altura de imagens, reservar espaço para embeds e evitar inserir elementos acima de conteúdo já renderizado.

Para o conjunto

Comprimir mídias, carregar recursos não críticos sob demanda e medir novamente depois de cada alteração.

O guia oficial de melhorias para Core Web Vitals ajuda a priorizar intervenções com impacto real.

É necessário alcançar 100 no PageSpeed?

Uma pontuação alta é um excelente indicador técnico, principalmente quando se mantém estável em mobile. Mas o objetivo não deve ser remover recursos importantes apenas para aumentar a nota. O site precisa equilibrar desempenho, acessibilidade, conteúdo e função comercial.

Também é importante testar páginas internas. Uma homepage otimizada não representa automaticamente artigos, formulários ou páginas com outras imagens e scripts. Cada modelo de página pode apresentar um gargalo diferente.

Checklist para uma auditoria inicial

  • testar mobile e desktop mais de uma vez;
  • verificar se existem dados reais de campo;
  • identificar qual elemento é o LCP;
  • examinar tarefas longas e JavaScript de terceiros;
  • confirmar dimensões de imagens e espaços reservados;
  • comparar páginas com estruturas diferentes;
  • registrar resultados antes e depois das alterações.

Conclusão

Core Web Vitals transforma sensações como “carrega devagar”, “o botão demora” ou “a tela fica pulando” em sinais mensuráveis. O valor das métricas está em orientar decisões, não em produzir uma nota isolada para exibição.

Um bom trabalho começa pela experiência real, identifica o gargalo e aplica a solução compatível com o projeto. Depois, mede novamente para confirmar o efeito.

Sobre o autor

Carlos Jardel é responsável pela MAVSLEO e trabalha com criação de sites em código próprio, performance e estrutura técnica para empresas e profissionais.

Conheça a MAVSLEO →
Continue a leitura

Artigos relacionados

Diagnóstico de performance

Quer entender o relatório do seu site?

Envie a URL atual. A MAVSLEO avalia os principais gargalos e indica quais pontos merecem prioridade.

Solicitar diagnóstico