O Google atualizou em 2024 as métricas de performance que afetam diretamente o ranqueamento de sites. INP substituiu FID, os thresholds ficaram mais rigorosos, e Core Web Vitals passaram a representar dezoito por cento do peso técnico no algoritmo. Em 2026, atingir score 95+ no PageSpeed Insights deixou de ser vaidade técnica e virou requisito mínimo para competir em SEO.
As três métricas que importam de verdade
Core Web Vitals são três métricas mensuráveis que o Google usa como sinal de qualidade técnica de um site. LCP mede o tempo até o maior elemento da página renderizar. INP mede a responsividade da interface a interações do usuário. CLS mede a estabilidade visual durante o carregamento. Os três são tirados de dados reais de usuários do Chrome (Field Data via CrUX), não apenas de testes laboratoriais.
O que mudou em 2024 foi a substituição de FID por INP. FID media só o atraso até o primeiro processamento da primeira interação; INP mede o pior caso entre todas as interações da sessão. É métrica mais rigorosa, expõe mais problemas, e penaliza sites com handlers de evento mal otimizados que pareciam OK em medições antigas.
Os thresholds de 2026 são: LCP abaixo de 2.5 segundos, INP abaixo de 200 milissegundos, CLS abaixo de 0.1. Sites que ficam acima desses valores em mais de vinte e cinco por cento das sessões são considerados ruins pelo algoritmo, e perdem posição em SERPs competitivas.
Como otimizar LCP de verdade
LCP típico em sites mal otimizados é arrastado pela carga de imagens grandes na dobra, fonts customizadas baixadas tarde, e JavaScript que bloqueia a renderização. As três otimizações de maior impacto são: pré-carregar a imagem hero com link rel=preload, servir imagens em WebP ou AVIF (que pesam quarenta a sessenta por cento menos que JPEG na mesma qualidade), e usar atributo loading=lazy em imagens abaixo da dobra para liberar bandwidth para o conteúdo crítico.
Para fonts, use font-display swap junto com link rel=preload nas fonts críticas. Isso evita FOIT (flash of invisible text) e acelera o LCP em sites que dependem de tipografia pesada. Em testes reais, essa única otimização tirou setecentos milissegundos de LCP em um site de cliente nosso.
Render-blocking resources são vilões silenciosos. CSS pesado no head, scripts síncronos sem async/defer, frameworks JS carregados sem code splitting. Cada um adiciona centenas de milissegundos. A solução é inline do CSS crítico (acima da dobra), defer de JS não essencial, e split de bundles para que cada rota carregue só o que precisa.
Como otimizar INP, a métrica nova
INP é cruel. Mede a pior interação da sessão. Se o usuário clica em um botão que dispara função pesada de duzentos e cinquenta milissegundos, esse é o INP da sessão dele, mesmo que todas as outras interações tenham sido instantâneas. A otimização exige caçar todas as funções lentas e dividir em chunks menores.
Long tasks são o principal vilão. Qualquer função JavaScript que executa por mais de cinquenta milissegundos sem ceder o controle ao browser causa atraso visível. A solução é dividir em chunks usando setTimeout zero, requestIdleCallback, ou web workers para trabalho pesado. React 18 e Next.js 14 trazem concurrent rendering que ajuda automaticamente em casos comuns.
Handlers de evento sem debounce são outra fonte. Listener de scroll que dispara cento e cinquenta vezes por segundo, com lógica não trivial em cada execução, mata INP. Sempre use debounce ou throttle, e mova trabalho para fora do thread principal quando possível.
Score 95+ no PageSpeed em 2026 não é sobre truques de otimização. É sobre arquitetura técnica feita certa desde o primeiro commit.
Como otimizar CLS, o problema esquecido
CLS mede o quanto o layout da página se mexe durante o carregamento. Sites com CLS alto são aqueles em que o usuário tenta clicar em um link, e na hora do clique o link mexe porque um banner foi inserido acima. Frustrante, comum, evitável.
A causa principal é falta de dimensões explícitas em imagens, iframes e elementos dinâmicos. Cada imagem precisa ter atributo width e height, mesmo que o tamanho final seja controlado por CSS. Isso permite ao browser reservar o espaço antes de carregar a imagem, evitando o salto.
Fonts customizadas também causam shift. Quando a font padrão renderiza primeiro, e depois a customizada substitui com tamanho diferente, o texto reflow. Use size-adjust no @font-face para forçar a font customizada a ocupar o mesmo espaço que a fallback. Tanto Roboto quanto Inter têm valores conhecidos de size-adjust que zeram esse shift.
Por que WordPress padrão raramente passa de 60
WordPress com tema comprado e plugins genéricos é quase impossível de otimizar para 95+. Cada plugin adiciona scripts e styles que carregam em todas as páginas, mesmo onde não são usados. Tema baseado em page builders (Elementor, Divi, WPBakery) gera HTML pesado, com div soup e CSS aninhado que infla o bundle.
Otimização agressiva (cache, minificação, lazy load) ajuda, mas raramente passa de 70 a 80 em WordPress popular. Para chegar em 95+, é necessário tema headless com Next.js consumindo WordPress como CMS, ou abandonar WordPress e ir para stack moderna (Astro, SvelteKit, Next.js direto).
Sites Vektor Web em código próprio entregam 95+ por padrão. Não é otimização de fim de projeto, é arquitetura desde a primeira linha. Quando performance está embutida no design técnico, não há plugin pesado para desativar, não há código morto para remover, não há tema bloated para enxugar.
Seu site está abaixo de 90 no PageSpeed?
A Vektor Web reescreve sites lentos com arquitetura moderna, performance 95+ garantida em código próprio. Solicite uma auditoria técnica do seu site atual e receba o diagnóstico completo.
QUERO AUDITORIAFerramentas de medição que importam
PageSpeed Insights é o padrão para medição rápida. Ele combina Lab Data (medido em ambiente controlado) e Field Data (medido em usuários reais via Chrome User Experience Report). Lab é útil para reproduzir, Field é o que importa para o algoritmo.
Chrome DevTools Performance Panel é ferramenta diária do desenvolvedor sério. Permite gravar a sessão, identificar long tasks, ver flame graph de funções, descobrir o que exatamente atrasa o LCP em uma página específica. Custo zero, retorno alto.
WebPageTest oferece análise mais profunda, com testes em diferentes regiões, redes (3G, 4G, fibra), e dispositivos. Útil para entender variações de performance entre realidades de usuários. Free tier suficiente para projetos pequenos e médios.
Para monitoramento contínuo em produção, RUM (Real User Monitoring) ferramentas como SpeedCurve, Calibre, Sentry Performance ou Datadog APM dão visibilidade do que está acontecendo com usuários reais, em tempo real. Isso é fundamental em sites de e-commerce e SaaS onde regressão de performance é regressão de receita.
Quem leu este artigo, também perguntou.
Vale a pena migrar de WordPress para outra stack só por performance?
Vale, se performance é gargalo do seu negócio. Sites com tráfego pago (Google Ads, Meta Ads) sentem direto: cada 100ms a mais no LCP cai a taxa de conversão. Em e-commerces e SaaS, o ROI da migração paga em 3 a 6 meses. Para blogs simples, WordPress otimizado pode bastar.
Plugin de cache em WordPress é suficiente para PageSpeed alto?
Não. Plugin de cache (WP Rocket, LiteSpeed) ajuda muito, mas raramente leva acima de 80. O problema fundamental é o tema e os plugins, não a entrega. Plugin de cache otimiza a entrega; o conteúdo ainda é pesado.
Cloudflare CDN melhora Core Web Vitals?
Melhora muito. CDN reduz TTFB (Time to First Byte), que afeta LCP diretamente. Cloudflare também tem features grátis (Auto Minify, Brotli, Polish para imagens) que somam. Costuma adicionar 5 a 15 pontos no PageSpeed quando bem configurado.
Imagens em AVIF realmente fazem diferença?
Faz. AVIF pesa 20% a 50% menos que WebP na mesma qualidade visual. Suporte de browser passou de 90% em 2024. Em sites com muitas imagens (e-commerce, blog visual), a economia em bandwidth e LCP é substancial. Vale a pena gerar variantes AVIF junto com WebP.
Quanto custa atingir 95+ no PageSpeed?
Em site novo, custa zero a mais quando feito direito desde o início. Em site existente que precisa otimização, depende. Otimização superficial (cache, lazy load, compressão) custa entre R$ 1.500 e R$ 5.000. Otimização estrutural (refactor de tema, redução de plugins, migração de stack) custa entre R$ 8.000 e R$ 25.000.