Core Web Vitals

Core Web Vitals são três métricas oficiais do Google que medem a experiência real de quem visita seu site: velocidade de carregamento (LCP), interatividade (INP) e estabilidade visual (CLS). Cada métrica tem um valor-alvo e o conjunto entra como fator de ranqueamento desde 2021. Sites WordPress que ignoram essas métricas perdem posições no Google e conversão direta no funil.

O que são Core Web Vitals

Core Web Vitals é o nome que o Google deu ao subconjunto de métricas de performance que considera essenciais para uma boa experiência de usuário. Não são todas as métricas possíveis, são as três que o Google julga mais críticas e que mede em todas as páginas indexadas, em laboratório e em campo.

A ideia surgiu como resposta a um problema real: sites podiam ter PageSpeed Score 100 e ainda assim entregar experiência ruim para o usuário, porque o score era feito em ambiente controlado. As Web Vitals medem o que o visitante real, com seu dispositivo real, em sua rede real, está experimentando ao navegar pela página.

Desde maio de 2021, Core Web Vitals é parte oficial do algoritmo de ranqueamento do Google em mobile. Em fevereiro de 2022 a regra estendeu para desktop. Sites com Web Vitals ruins não somem do Google, mas perdem posições para concorrentes melhores quando o conteúdo é parecido. Na disputa de mercados competitivos, performance virou diferencial decisivo.

Existem dois lugares onde o Google mede: dados de laboratório (Lighthouse, PageSpeed Insights) e dados reais coletados de usuários do Chrome (CrUX, Chrome User Experience Report). O que conta para ranqueamento é o dado real. O laboratório serve para você diagnosticar o problema antes de chegar ao usuário final.

As três métricas: LCP, INP e CLS

LCP (Largest Contentful Paint) mede quanto tempo demora até o maior elemento visível da página aparecer na tela. Geralmente é a imagem hero ou o título principal. O alvo é abaixo de 2,5 segundos. Acima de 4 segundos é classificado como ruim. Em sites WordPress, LCP alto é quase sempre culpa de imagem hero não otimizada, fonte web pesada ou bloqueio de renderização.

INP (Interaction to Next Paint) é a métrica que substituiu o antigo FID em março de 2024. Mede o tempo entre a ação do usuário (clique, toque, tecla) e a resposta visual da página. O alvo é abaixo de 200ms. Acima de 500ms é ruim. INP alto significa JavaScript pesado bloqueando a thread principal: scripts de rastreamento, animações exageradas, plugins que rodam tudo no front.

CLS (Cumulative Layout Shift) mede quanto a página “pula” durante o carregamento. Imagine ler um texto e a página rolar sozinha porque uma imagem carregou tarde e empurrou o conteúdo. Esse pulo é o CLS. O alvo é abaixo de 0,1. Acima de 0,25 é ruim. Em WordPress, CLS alto vem de imagens sem dimensões declaradas, anúncios injetados depois da página renderizar e fontes web que mudam o layout ao carregar.

O termo lcp cls inp aparece junto porque o Google avalia as três métricas em conjunto. Para passar no Core Web Vitals, a página precisa estar nos verdes em todas as três. Falhar em uma já joga a página inteira para amarelo ou vermelho na avaliação do Search Console.

Como medir Core Web Vitals

PageSpeed Insights (pagespeed.web.dev) é a ferramenta de partida. Cole a URL e ele mostra dados de laboratório (Lighthouse) e dados reais de campo (CrUX) lado a lado. Os dados de campo são o que o Google usa para ranqueamento. Os de laboratório servem para diagnóstico técnico.

Google Search Console tem o relatório “Core Web Vitals” que mostra todas as URLs do seu site agrupadas por status: Bom, Precisa melhorar, Ruim. É a visão macro de quantas páginas estão saudáveis e quais grupos precisam de atenção. URLs com problemas costumam compartilhar template, então uma correção pode resolver dezenas ou centenas de páginas de uma vez.

Chrome DevTools (Performance e Lighthouse) é a ferramenta para diagnóstico fino. Roda no seu navegador, simula condições reais, mostra a cascata de carregamento de cada recurso e aponta exatamente o que está atrasando o LCP ou bloqueando a thread.

Web Vitals Extension do Chrome adiciona ícone na barra do navegador que mostra LCP, INP e CLS em tempo real enquanto você navega no site. Útil para quem está fazendo ajustes e quer ver o impacto a cada mudança, sem precisar abrir o DevTools toda hora.

Para medir core web vitals wordpress em larga escala, Real User Monitoring (RUM) com plataformas como SpeedVitals, Calibre ou DebugBear coleta dados de visitantes reais e apresenta tendências ao longo do tempo. É o que dá visibilidade contínua sobre regressões de performance.

Como melhorar cada métrica

Como melhorar core web vitals começa com diagnóstico, não com solução pronta. Cada site tem gargalos diferentes. Mas há padrões claros.

Para LCP, comece pela imagem hero. Use formatos modernos (WebP, AVIF), comprima sem perder qualidade, sirva em dimensões corretas para cada dispositivo. Adicione fetchpriority high no img da hero, evite lazy loading nesse elemento específico. Use CDN para entregar mais rápido para todas as regiões.

Para INP, ataque JavaScript desnecessário. Plugins de tracking, chat ao vivo e analytics podem somar megabytes de JS bloqueando a thread principal. Use defer e async em scripts, divida bundle grande em pedaços menores, considere remover o que não é crítico. Plugins como WP Rocket e Perfmatters automatizam parte desse trabalho.

Para CLS, reserve espaço para todo elemento que vai aparecer. Imagens sempre com width e height declarados. Anúncios e iframes em containers de tamanho fixo. Fontes web carregadas com font-display swap e fallback similar ao tipo final. Animações em propriedades transform, não em width ou top que disparam reflow.

Combinar cache WordPress com lazy loading bem configurado resolve a maioria dos casos. Mas o ponto crítico é monitoramento contínuo: site otimizado hoje pode regredir amanhã com a instalação de um plugin novo.

Para sites profissionais que precisam manter Core Web Vitals saudáveis sem auditoria manual constante, a FULL Services entrega o Perfmatter (Perfmatters) já licenciado e tunado dentro da stack profissional, junto com cache, CDN e otimização de imagens em camadas. Em vez de o cliente fazer tuning fino plugin por plugin, a stack já chega calibrada para os alvos do Google.