Core Web Vitals: o que são e como otimizar seu site em 2026

Se você já abriu um relatório do PageSpeed Insights e ficou perdido entre letras como LCP, INP e CLS, este guia é para você. As Core Web Vitals são as métricas oficiais usadas pelo Google para medir a qualidade real da experiência em uma página. Hoje elas influenciam o ranqueamento da busca e, principalmente, a forma como o visitante percebe o seu site.

A boa notícia é que melhorar esses indicadores não exige nenhum segredo de programador. Na maioria dos casos basta seguir uma lista de boas práticas, medir antes e depois, e ajustar o que estiver comprometendo a nota. É exatamente isso que vamos ver ao longo deste conteúdo.

O que são as Core Web Vitals

Core Web Vitals é o nome dado pelo Google a um conjunto de métricas que avaliam a experiência do usuário em uma página web, considerando três frentes principais:

• Velocidade de carregamento.
• Tempo de resposta às interações.
• Estabilidade visual da página.

Elas fazem parte do que o Google chama de Page Experience, junto de outros sinais como HTTPS, ausência de malware e compatibilidade com dispositivos móveis. A ideia é simples: o buscador quer recomendar páginas que carregam rápido, respondem bem ao toque e não pulam na tela enquanto o conteúdo aparece.

Essas métricas são calculadas a partir de dados reais de uso, coletados pelo Chrome e consolidados no Chrome User Experience Report (CrUX), em parceria com a iniciativa web.dev do Google. Isso significa que os números que o Google usa para ranqueamento refletem o que pessoas de verdade estão vivendo em seus navegadores, e não testes isolados em uma máquina.

As três métricas principais

A seguir, você entende o que cada uma das três Core Web Vitals mede, como interpretar o resultado e quais ações tomam para melhorar.

LCP (Largest Contentful Paint)

O LCP mede quanto tempo a página leva para mostrar o maior elemento visível na tela do visitante, geralmente uma imagem de capa, um vídeo ou um bloco grande de texto. É um indicativo direto de quão rápido o conteúdo principal aparece para quem abriu o link.

A métrica reflete o ponto em que o usuário percebe que a página realmente carregou. Mesmo que existam outros elementos carregando depois, quando o LCP termina, o visitante já consegue ler e entender a mensagem central.

Valores de referência oficiais em 2026:

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

INP (Interaction to Next Paint)

O INP substituiu a antiga métrica FID (First Input Delay) em março de 2024 e mede a responsividade da página do começo ao fim da visita. Ele registra o tempo entre um clique, toque ou tecla pressionada pelo usuário e a próxima repintura visível da interface.

Em outras palavras, o INP mostra se o site responde rápido quando alguém clica em um botão, abre um menu, digita em um campo ou interage com qualquer elemento interativo. Ele considera a interação mais lenta da sessão, então é mais rigoroso que o antigo FID.

Valores de referência oficiais em 2026:

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

CLS (Cumulative Layout Shift)

O CLS mede a estabilidade visual da página. Ele calcula quanto os elementos pulam de posição durante o carregamento e nos primeiros segundos de uso. Quem nunca abriu um site, tentou clicar em um texto, e o botão mudou de lugar sozinho? Isso vira nota alta de CLS.

Cada deslocamento é multiplicado pelo impacto visual da área que se mexeu. Por isso, imagens sem dimensão definida, banners que aparecem por cima do texto, e fontes trocando depois do carregamento são os vilões clássicos.

Valores de referência oficiais em 2026:

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

Tabela resumo das Core Web Vitals

Fonte dos limites: web.dev, documentação oficial do Google para Core Web Vitals (atualizado para 2026).

Como medir as Core Web Vitals do seu site

Antes de otimizar, é preciso medir. Existem três caminhos principais, cada um com um objetivo diferente.

PageSpeed Insights

A ferramenta mais conhecida está em pagespeed.web.dev. Ao colar a URL de uma página, ela traz dois relatórios:

• Dados de laboratório (simulação controlada via Lighthouse).
• Dados de campo (vindos do CrUX.
• quando há volume suficiente de visitas reais pelo Chrome).

Para uma análise completa, vale olhar os dois. Os dados de campo são os que mais importam para o ranqueamento, segundo o Google.

Search Console

No Google Search Console há um relatório específico chamado Core Web Vitals, acessível pelo menu lateral. Ele agrupa as URLs do site em três grupos: bom, precisa melhorar e ruim, considerando os dados reais de uso do Chrome nos últimos 28 dias (até 2026). É a forma mais direta de saber se o Google enxerga o site como saudável nessa frente.

Extensão Web Vitals e Chrome DevTools

Para diagnóstico fino, especialmente durante o desenvolvimento, a extensão Web Vitals (oficial do Google) mostra as métricas em tempo real no canto da tela. Já o Chrome DevTools, na aba Performance, permite gravar a navegação e ver exatamente o que aconteceu em cada segundo do carregamento.

Otimizações práticas por métrica

Aqui entram as ações que costumam devolver os maiores ganhos. A ordem sugerida é começar pelo LCP, pois é a métrica mais impactada pela infraestrutura.

O que fazer para melhorar o LCP

Ativar cache no navegador e no servidor, reduzindo o trabalho repetido a cada visita, Servir imagens em formato moderno (WebP ou AVIF) e com dimensões adequadas ao espaço ocupado na página, Usar CDN (Content Delivery Network) para entregar conteúdo a partir de servidores próximos do visitante, Pré-carregar o elemento principal com a diretiva <link rel="preload"> no HTML, Reduzir o tempo de resposta do servidor (TTFB) com hospedagem de qualidade e banco de dados bem ajustado, Adiar o carregamento de scripts que não são usados acima da dobra, técnica conhecida como lazy loading de JavaScript, Minificar CSS e remover código que não está sendo utilizado (CSS crítico somente)

O que fazer para melhorar o INP

Adiar scripts pesados para depois do carregamento inicial (técnica defer ou async), Substituir event handlers que executam muito trabalho síncrono por tarefas em background, Quebrar tarefas longas (acima de 50 ms) em pedaços menores, usando requestIdleCallback ou scheduler.yield() quando disponível, Evitar layouts forçados por JavaScript, como offsetWidth em sequência de escritas no DOM, Revisar bibliotecas de terceiros, especialmente chats, pixels e plugins que instalam listeners no documento inteiro, Usar técnicas de renderização progressiva para que cliques não dependam do site inteiro estar pronto

O que fazer para melhorar o CLS

Sempre declarar largura e altura em imagens, vídeos e iframes no HTML, Reservar espaço para banners, propagandas e elementos injetados dinamicamente com min-height no container, Evitar inserir conteúdo acima do que já está carregado sem reservar espaço, Usar font-display: swap com fontes de mesmo tamanho métricas, ou pré-carregar as fontes principais, Não animar elementos que mudam o tamanho total da página sem o consentimento do usuário, Cuidar de banners de cookie e notificações que aparecem logo no carregamento, deslizand o texto para baixo

Ferramentas extras de diagnóstico

Além das três citadas, vale conhecer outras ferramentas úteis no dia a dia:

• Lighthouse (disponível no Chrome DevTools ou como CLI).
• que roda auditoria completa de performance.
• acessibilidade.
• SEO e boas práticas.
• GTmetrix.
• que combina Lighthouse com análise histórica de carregamento.
• WebPageTest.
• que permite testar a página a partir de diferentes países.
• navegadores e velocidades de conexão.
• Treo.sh.
• ferramenta mais recente focada em Core Web Vitals e inclusão de dados de campo no Brasil.
• CrUX API.
• para times que querem integrar os dados reais de uso ao próprio painel.

Para projetos em WordPress (sistema que permite criar e editar sites sem programar do zero), plugins como WP Rocket, Perfmatters e Imagify cuidam de boa parte das otimizações acima com poucos cliques. Mesmo assim, medir antes e depois continua sendo indispensável, pois o impacto real varia conforme o tema e os plugins ativos.

Erros comuns que sabotam a performance

Mesmo com boa vontade, é fácil cair em armadilhas que derrubam a nota sem que ninguém perceba. Veja as mais frequentes em auditorias que rodamos por aí:

• Imagem principal sem otimização.
• mantendo 3 MB ou mais na home page.
• Slider de banner no topo pesando mais do que o conteúdo logo abaixo.
• Bibliotecas JavaScript carregando no <head> sem atributo defer.
• bloqueando a renderização.
• Fontes do Google Fonts chamadas via CSS sem font-display.
• gerando troca de fonte e CLS.
• Carregar o Google Analytics.
• o Facebook Pixel e o chat do WhatsApp todos de forma síncrona.
• prejudicando o INP.
• Hospedagem compartilhada barata.
• com TTFB acima de 1 segundo mesmo em páginas vazias.
• Tema visual pesado.
• com camadas de CSS não utilizado e efeitos animados que nada agregam.
• Pop-ups que entram logo nos primeiros 200 ms.
• empurrando o conteúdo principal e gerando CLS.

Identificar qual desses itens está pegando é o primeiro passo. Em seguida, é tratar item por item, medindo o impacto de cada ajuste.

Core Web Vitals e SEO em 2026

As Core Web Vitals continuam sendo parte dos critérios de Page Experience que o Google usa para ranqueamento, embora sempre tenham sido um sinal entre muitos. Conteúdo de qualidade, autoridade do domínio, backlinks e relevância temática ainda pesam mais.

Mesmo assim, dois pontos estão consolidados em 2026:

• Sites com Core Web Vitals ruins têm desvantagem mensurável.
• principalmente em pesquisas mobile.
• Em empate de relevância.
• a página mais rápida e estável tende a ganhar posição.

Para negócios locais, lojas virtuais e publishers, isso significa que cada segundo (ou cada centésimo de CLS) recuperado pode ser a diferença entre aparecer na primeira página ou na segunda.

Perguntas Frequentes (FAQ)

As Core Web Vitals são um fator direto de ranqueamento?

Sim. Desde a atualização de Page Experience de 2021, as três métricas (LCP, INP e CLS) são sinais oficiais usados pelo Google na busca, com peso menor que o conteúdo, mas suficientes para diferenciar páginas em casos de empate. Em 2026 a tendência é de critérios mais rígidos, principalmente em mobile.

Qual ferramenta mostra os dados mais confiáveis?

Para decisões de SEO, a fonte mais confiável é o relatório de Core Web Vitals no Google Search Console, pois usa dados reais do Chrome User Experience Report (CrUX). Para diagnóstico técnico durante o desenvolvimento, a extensão Web Vitals e o Chrome DevTools entregam os dados mais detalhados.

Posso melhorar tudo de uma vez só?

Na prática é possível priorizar uma métrica por vez. A estratégia mais comum é começar pelo LCP, que costuma render entre 30% e 50% de melhora já nas primeiras ações. Em seguida vem o CLS, que tem causa raiz mais fácil de mapear. O INP costuma exigir ajustes mais finos no JavaScript.

Sites em WordPress conseguem boas notas de Core Web Vitals?

Sim. Quando bem configurado, um site em WordPress pode facilmente atingir nota verde nas três métricas. O segredo está na escolha do tema, em hospedagem de qualidade e em plugins de cache e otimização de imagens bem ajustados. Sites com construtores de página pesados tendem a sofrer mais, mas é possível chegar lá com ajustes cirúrgicos.

Com que frequência devo medir as Core Web Vitals?

O ideal é acompanhar de forma contínua, com checagem semanal no Search Console e auditoria completa via PageSpeed Insights após qualquer mudança grande no site (troca de tema, novo plugin, redesign). Como os dados de campo consideram uma janela móvel de 28 dias, alterações radicais podem levar até esse tempo para refletir no relatório oficial.

Conclusão

As Core Web Vitals não são nenhum bicho de sete cabeças. São três métricas objetivas (LCP, INP e CLS) que traduzem, em números, a forma como o visitante experiência o seu site. Quando elas estão na faixa verde, o usuário fica mais tempo, consome mais conteúdo e tende a converter melhor. Quando estão ruins, todo o resto do trabalho de SEO e marketing fica comprometido.

Em 2026 a régua continua subindo. Páginas mais rápidas e estáveis são premiadas. Por isso vale transformar a otimização das Core Web Vitals em rotina, com medições periódicas e ajustes constantes, em vez de tratar como projeto pontual.

Se você quer ajuda para colocar tudo isso em prática, a Baita Site conta com uma equipe especializada em sites, e-commerce, sistemas e inteligência artificial, com domínio total de WordPress. Fale com a gente e veja como podemos acelerar o seu projeto.

Disclaimer

Este conteúdo tem caráter informativo e educativo. As Core Web Vitals e seus limites podem ser atualizados pelo Google a qualquer momento, então vale sempre conferir a documentação oficial do web.dev antes de tomar decisões críticas de performance. Decisões técnicas de arquitetura, hospedagem e otimização devem contar com avaliação de profissional especializado, considerando o contexto do projeto.

Referências consultadas, Google. web.dev. Core Web Vitals. Disponível em

https://web.dev/vitals/, Google. web.dev. INP to officially become a Core Web Vital, March 12, 2024. Disponível em: https://web.dev/INP-cwv/, Google. web.dev. Optimize LCP. Disponível em: https://web.dev/optimize-lcp/, Google. web.dev. Optimize INP. Disponível em: https://web.dev/optimize-inp/, Google. web.dev. Optimize CLS. Disponível em: https://web.dev/optimize-cls/, Google. Search Console Help. Core Web Vitals report. Disponível em: https://support.google.com/webmasters/answer/9205520, Google. Chrome User Experience Report (CrUX). Disponível em: https://developer.chrome.com/docs/crux, Google. PageSpeed Insights. Disponível em: https://pagespeed.web.dev/, MDN Web Docs. Web Performance. Disponível em: https://developer.mozilla.org/en-US/docs/Web/Performance, W3C. Web Performance Working Group. Disponível em: https://www.w3.org/webperf/