Core Web Vitals: O Fator de Ranking Que Você Está Ignorando (e Perdendo Posições)

Core Web Vitals são 3 métricas que medem experiência do usuário: LCP (Largest Contentful Paint) = velocidade de carregamento do conteúdo principal, meta < 2.5s. FID (First Input Delay) = responsividade, tempo até site responder ao primeiro clique, meta < 100ms. CLS (Cumulative Layout Shift) = estabilidade visual, quanto elementos pulam durante carregamento, meta < 0.1. Google usa essas 3 métricas como fator de ranking desde junho 2021. Sites que passam nas 3 têm vantagem competitiva.

Ferramentas para testar: 1. PageSpeed Insights (pagespeed.web.dev) - oficial Google, notas 0-100, recomendações específicas. 2. Chrome DevTools Lighthouse - F12 > Lighthouse > Mobile/Desktop. 3. Search Console - Relatório Core Web Vitals mostra URLs com problemas. 4. GTmetrix - análise detalhada com waterfall. Como interpretar: Score 90-100 = excelente, 50-89 = precisa melhorar, 0-49 = crítico. IMPORTANTE: sempre teste mobile primeiro (75% do tráfego). Desktop ser rápido não importa se mobile é lento.

LCP LENTO (> 2.5s): Problemas - imagens pesadas sem otimização, servidor lento, fonts bloqueando render. Soluções - converter imagens para WebP (reduz 30-50%), usar CDN (Cloudflare grátis), implementar lazy loading, preload fonts críticas, minimizar CSS/JS, usar cache agressivo. FID ALTO (> 100ms): Problemas - JavaScript pesado bloqueando thread principal, eventos sem debounce, third-party scripts. Soluções - code splitting, defer/async em scripts, remover scripts desnecessários, web workers para tarefas pesadas. CLS ALTO (> 0.1): Problemas - imagens sem width/height, ads/embeds sem espaço reservado, fonts causando FOIT. Soluções - sempre definir dimensões de imagens, reservar espaço para ads, usar font-display: swap, evitar inserir conteúdo acima do existente.

E-commerce de moda feminina, score inicial 42, posição média palavra-chave 14. PROBLEMAS IDENTIFICADOS: imagens produtos 2-5MB cada, 23 scripts third-party, fonts externas bloqueando, CLS de 0.42 (péssimo). AÇÕES IMPLEMENTADAS (2 semanas): converteu todas imagens para WebP + lazy load, removeu 15 scripts desnecessários, implementou font preload + fallback, definiu width/height todas imagens, implementou Cloudflare CDN, minificou CSS/JS. INVESTIMENTO: R$ 3.200. RESULTADOS 60 DIAS: PageSpeed score 42 → 91, LCP 6.8s → 1.4s, FID 340ms → 45ms, CLS 0.42 → 0.08. SEO: posição média palavra-chave 14 → 6 (+8 posições), tráfego orgânico +38%, conversão +12% (site mais rápido). ROI: R$ 18.000 receita adicional em 60 dias.