Core Web Vitals: o que são LCP, INP e CLS e como melhorar seu site

Atualizado em 3 de novembro de 2026 · Leitura de 5 min

Edson Feitosa de Oliveira Junior Fundador e Engenheiro Líder · PruPru Digital Services

Core Web Vitals é o conjunto de métricas com que o Google mede a experiência real das pessoas nos sites. Elas respondem a três perguntas: o conteúdo principal aparece rápido? A página responde rápido quando você toca em algo? O layout fica estável ou os elementos ficam pulando? Essas métricas fazem parte dos sinais de experiência de página considerados pelo Google e, mais importante, refletem diretamente a satisfação de quem visita o seu site.

As três métricas do Core Web Vitals

LCP: carregamento do conteúdo principal

O Largest Contentful Paint mede quanto tempo leva para o maior elemento visível da página aparecer, geralmente a imagem principal ou o título. É a sensação de "a página carregou".

• Bom: até 2,5 segundos.
• Precisa melhorar: entre 2,5 e 4 segundos.
• Ruim: acima de 4 segundos.

INP: resposta às interações

O Interaction to Next Paint mede quanto tempo a página demora para reagir visualmente quando o usuário clica, toca ou digita. Ele substituiu a antiga métrica FID em 2024. Uma página com INP ruim parece travada: você toca no menu e nada acontece por um momento.

• Bom: até 200 milissegundos.
• Precisa melhorar: entre 200 e 500 milissegundos.
• Ruim: acima de 500 milissegundos.

CLS: estabilidade visual

O Cumulative Layout Shift mede o quanto os elementos se movem de lugar durante o carregamento. Sabe quando você vai tocar em um link e, no último instante, uma imagem carrega e empurra tudo para baixo? É isso.

• Bom: até 0,1.
• Precisa melhorar: entre 0,1 e 0,25.
• Ruim: acima de 0,25.

Como medir de graça

• PageSpeed Insights (pagespeed.web.dev): mostra os dados reais de usuários do Chrome, quando o site tem visitas suficientes, e uma análise de laboratório com sugestões de melhoria.
• Google Search Console: o relatório Core Web Vitals agrupa as páginas do site em boas, que precisam melhorar e ruins, separadas por celular e computador. Veja o guia do Search Console.
• Lighthouse, nas ferramentas de desenvolvedor do Chrome, para testar páginas durante o desenvolvimento.

Atenção para a diferença entre dados de campo (experiência real de visitantes, o que o Google usa) e dados de laboratório (uma simulação). A nota de 0 a 100 do PageSpeed é de laboratório; é útil para diagnóstico, mas não precisa chegar a 100. Para um passo a passo de teste, veja por que seu site está lento e como testar grátis.

Como melhorar o LCP

As causas mais comuns em sites de pequenas empresas:

1. Imagem principal pesada. Um banner de 3 MB tirado direto do celular. Redimensione e converta para WebP ou AVIF. Veja fotos para o site.
2. Imagem principal com carregamento atrasado. A imagem do topo não deve usar lazy loading; ela deve ser carregada com prioridade.
3. Servidor lento. Hospedagens baratas e sobrecarregadas demoram para começar a responder. Hospedagens modernas com distribuição em rede global, como explicamos em hospedagem serverless, reduzem bastante esse tempo.
4. Fontes e scripts bloqueando a renderização. Muitos arquivos CSS e JavaScript carregados antes do conteúdo.
5. Sliders e carrosséis no topo, que dependem de JavaScript para mostrar a primeira imagem.

Como melhorar o INP

O INP ruim quase sempre vem de JavaScript demais:

• Plugins acumulados em sites WordPress, cada um com seus scripts.
• Widgets de chat, pop-ups, rastreadores e pixels de anúncios.
• Construtores visuais pesados.

Corte o que não é usado, carregue scripts de terceiros depois do conteúdo principal e evite tarefas longas no navegador. Muitas vezes, remover dois ou três plugins resolve mais que qualquer otimização complexa. Comparamos as abordagens em WordPress ou site sob medida.

Como melhorar o CLS

• Informe largura e altura de todas as imagens e vídeos, para o navegador reservar o espaço.
• Reserve espaço para anúncios e incorporações (mapas, vídeos, posts de redes sociais).
• Não insira banners (avisos, cookies, promoções) empurrando o conteúdo para baixo depois que a página já apareceu. Prefira barras sobrepostas, fixas no rodapé.
• Cuidado com fontes da web: a troca da fonte padrão pela fonte do site pode mudar o tamanho do texto. Use font-display adequado e fontes com métricas parecidas.

Vale a pena se preocupar?

Sim, mas com proporção. Conteúdo relevante continua sendo o fator mais importante para aparecer no Google; um site rápido com conteúdo fraco não vai longe. Por outro lado, entre páginas com conteúdo parecido, a experiência pode fazer diferença, e um site lento perde visitantes antes mesmo de eles lerem o conteúdo. Para pequenas empresas, o objetivo realista é ter as principais páginas no verde no celular e manter assim, revisando sempre que adicionar plugins, scripts ou imagens grandes.

Perguntas frequentes