Core Web Vitals · LCP · INP · CLS
Core Web Vitals— performance que o Googlerealmente mede.
Diagnóstico e correção de Core Web Vitals — LCP, INP e CLS — com foco em métrica de campo (CrUX) e impacto em ranqueamento. Não é só nota de Lighthouse: é experiência real do usuário no Google.
- core web vitals
- LCP
- INP
- CLS
- lighthouse
- page experience
Core Web Vitals viraram fator de ranqueamento confirmado pelo Google desde 2021. Em 2024 o INP substituiu o FID — e muito site que estava verde ficou laranja da noite pro dia.
A gente trata Core Web Vitals como sub-disciplina de SEO técnico, dentro de um trabalho mais amplo de otimização de sites. Métrica boa sem conteúdo bom não ranqueia; conteúdo bom em site lento perde para concorrente mais leve.
Atende projeto em qualquer stack — WordPress, Next, Shopify, Vtex, Magento. O diagnóstico é o mesmo; o que muda é onde a correção entra.
§01 · capítulo
LCP — Largest Contentful Paint
LCP mede quanto tempo até o maior elemento visível aparecer. Meta: abaixo de 2,5s no percentil 75 do tráfego real. Acima de 4s é falha.
Causas comuns: imagem hero não otimizada, fonte web bloqueando render, servidor lento (TTFB alto), JS pesado antes do conteúdo. A gente ataca na ordem: TTFB (CDN, cache), preload do recurso LCP, formato de imagem (AVIF/WebP), e remoção de render-blocking.
Em ecommerce o LCP costuma ser a foto do produto na home ou na categoria — por isso a otimização aqui se conecta com SEO para ecommerce. Em site institucional, é o banner do topo.
§02 · capítulo
INP — Interaction to Next Paint
INP substituiu o FID em março de 2024. Mede a latência da pior interação do usuário com a página. Meta: abaixo de 200ms. Acima de 500ms é falha.
Vilão número um: JavaScript de terceiros (chat, pixel de remarketing, A/B test, heatmap). Vilão dois: handler de evento pesado no seu próprio código. Vilão três: hidratação de framework SPA em página com muito DOM.
A gente perfila com DevTools, identifica o long task culpado, e parte pra solução: debounce, code splitting, defer de script não-crítico, ou migração para web worker quando faz sentido.
§03 · capítulo
CLS — Cumulative Layout Shift
CLS mede o quanto o layout pula durante o carregamento. Meta: abaixo de 0,1. Acima de 0,25 é falha. É a métrica mais barata de corrigir e a mais ignorada.
Causas: imagem sem width/height, banner de cookie que entra empurrando o conteúdo, fonte que carrega e re-rendera o texto (FOUT), embed de iframe sem espaço reservado.
Correção é quase sempre CSS: dimensão explícita, aspect-ratio, font-display: optional, espaço reservado para banner. Faz parte do checklist padrão da nossa auditoria de SEO.
§04 · capítulo
Lab vs Field — qual número importa
Lighthouse roda em ambiente simulado (lab data). CrUX é o que o Google realmente usa pra ranquear (field data — usuários Chrome reais nos últimos 28 dias).
Site pode ter Lighthouse 95 e CrUX vermelho — acontece muito quando o público real está em 4G no celular antigo enquanto o teste rodou em wifi simulado. A gente sempre olha PageSpeed Insights mostrando os dois lados.
Pra projeto sem tráfego suficiente pro CrUX, o lab vira referência, mas a meta é destravar a coleta de campo o quanto antes — só assim o Google enxerga o esforço.
§05 · capítulo
Investimento e entrega
Diagnóstico avulso de Core Web Vitals: R$ 2.800 a R$ 4.500, conforme tamanho do site. Sai com relatório priorizado por impacto × esforço e roadmap de implementação.
Implementação pode rodar com o time de dev do cliente (a gente entrega specs e revisa PR) ou com nosso time, conforme stack. Em geral, 4 a 8 semanas pra sair do vermelho.
Muito cliente entra por aqui e depois evolui pra consultoria mensal ou para um trabalho mais amplo de velocidade de site.
Atendimento · Brasil
Onde a gente atende.
Sede no Rio de Janeiro, mas atendemos cliente do Brasil inteiro. Aqui as cidades onde a gente entende o terreno de perto:
Praça
Rio de Janeiro
Sede da casa. Atendemos do Centro à Barra, Niterói, Baixada e região serrana — presencial quando faz sentido.
Praça
São Paulo
Maior mercado do Brasil, mais concorrido também. A gente roda projetos para Pinheiros, Faria Lima, Tatuapé e ABC.
Praça
Porto Alegre
Mercado gaúcho exige confiança. Trabalhamos para empresas do Centro, Moinhos de Vento e região metropolitana.
Praça
Curitiba
Capital paranaense com nicho técnico forte. SEO industrial, B2B e ecommerce regional.
Praça
Belo Horizonte
BH e região metropolitana, com foco em mercado mineiro tradicional e startups da Savassi.
Perguntas frequentes
Antes de
você perguntar.
01Core Web Vitals realmente afeta ranqueamento?
Sim, mas como tiebreaker. Entre dois sites com conteúdo equivalente, o mais rápido ganha. Não compensa conteúdo fraco, mas compensa empate.
02Por que meu Lighthouse é 90 e o CrUX é vermelho?
Lighthouse roda em condições simuladas; CrUX mede usuário real. Diferença grande indica que seu público está em rede ou dispositivo pior que a simulação padrão.
03INP é mais difícil que FID?
Sim. FID só media o primeiro clique; INP olha a pior interação da sessão. Site com chat, popup ou SPA pesada sofreu na transição.
04Vocês implementam ou só diagnosticam?
Os dois. Diagnóstico avulso vira roadmap; implementação roda com nosso time ou com o time do cliente, conforme stack e prazo.
05Quanto tempo até melhorar o CrUX?
CrUX é janela móvel de 28 dias. Mudança aplicada hoje começa a aparecer em 1-2 semanas e se consolida em 4-6.
↓ Próximo passo
Vamos colocar você
na frente?
Conversa de 30 minutos, sem custo, sem compromisso. A gente fala se consegue ajudar — e se não conseguir, indica quem ajuda.
Marcar conversa