Otimização Core Web Vitals exige priorizar isso primeiro

O que é otimização Core Web Vitals e por que ela importa?

Em 2020, o Google passou a usar o Core Web Vitals como um dos sinais de ranqueamento. De lá para cá, a otimização core web vitals deixou de ser opcional para virar parte do básico de qualquer portal que depende de tráfego orgânico. São três métricas: LCP (maior pintura de conteúdo), INP (interação com a página) e CLS (mudança de layout).

Se o seu site demora para carregar, ou os botões não respondem rápido, ou o texto pula enquanto lê, o Google entende que a experiência é ruim. E isso custa posições no resultado de busca. Mas por onde começar? A maioria dos guias lista tudo ao mesmo tempo e você acaba sem foco.

Neste artigo, você vai entender qual métrica merece atenção primeiro, como diagnosticar o seu site e quais ações práticas trazem resultado mais rápido. Sem enrolação.

Qual métrica atacar primeiro?

O LCP (Largest Contentful Paint) é o primeiro passo. Ele mede quanto tempo o maior elemento visível da tela leva para aparecer, e costuma ser o que mais pesa no PageSpeed Insights.

Na prática, um LCP lento quase sempre tem a mesma origem: o servidor demora para responder ou o recurso principal (imagem, script) chega tarde. Melhorar o servidor e otimizar a entrega de conteúdo resolve a maioria dos casos. O INP e o CLS vêm depois, porque dependem de ajustes mais finos no código.

Como diagnosticar o seu site e identificar gargalos?

Antes de sair mexendo em tudo, você precisa de um diagnóstico. O PageSpeed Insights é a ferramenta mais usada e mostra as três métricas com um veredito: bom, precisa melhorar ou ruim. Mas ele testa uma página específica, então escolha as mais acessadas do seu portal.

Outra opção é o relatório de Experiência do Usuário no Google Search Console, que traz dados reais dos visitantes, não apenas de laboratório. Ele aponta quais URLs estão reprovadas e qual métrica está pior. Com isso, você prioriza o que tem mais impacto para o seu público.

Confira: Seu portal de notícias não aparece no Google Notícias? Veja o SEO que falta

Interpretando os números do PageSpeed

O PageSpeed dá uma nota de 0 a 100, mas não se apegue a isso. O que importa são os valores das métricas. Um LCP abaixo de 2,5 segundos é considerado bom. Acima disso, você tem trabalho. O INP deve ficar abaixo de 200 milissegundos, e o CLS abaixo de 0,1.

Se o relatório aponta problemas como 'reduza o JavaScript não utilizado' ou 'ative a compactação', são pistas diretas do que corrigir. Cada sugestão vem com uma estimativa de economia de tempo, então comece pelas que prometem maior ganho.

O que mais atrasa o LCP e como resolver?

O LCP é influenciado por três fatores principais: tempo de resposta do servidor, tempo de carregamento do recurso e atraso de renderização. Vamos a cada um.

Tempo de resposta do servidor (TTFB): Se o servidor demora para devolver o HTML, nada adianta. Use um serviço de cache de página inteira e, se possível, um CDN com presença no Brasil. Hospedagens compartilhadas baratas costumam ter TTFB alto — considere migrar para um plano melhor.

Recurso principal: A imagem de destaque do artigo é o elemento mais comum de LCP em blogs. Comprima a imagem, use o formato WebP e defina dimensões explícitas. Também vale pré-carregar a imagem com rel="preload" para que o navegador busque ela antes.

JavaScript bloqueante: Scripts de anúncio e de analytics atrasam a renderização. Adie os que não são essenciais com defer ou async. O ideal é carregar o conteúdo primeiro e os scripts depois.

Veja também: Monetização AdSense em portal de notícias rende de verdade?

Dica prática: teste sempre em conexão 4G e em um celular de entrada. O PageSpeed simula isso, e é a realidade da maioria dos leitores de notícias no Brasil.

INP e CLS – o que fazer depois do LCP

Com o LCP sob controle, olhe para o INP (Interaction to Next Paint). Essa métrica mede o atraso entre o clique do usuário e a resposta visual. Em sites com muitos scripts, o problema é comum.

Reduza o trabalho na thread principal. Isso significa menos JavaScript rodando no carregamento e menos processamento durante a interação. Evite plugins que carregam bibliotecas pesadas sem necessidade. Prefira soluções nativas ou leves.

O CLS (Cumulative Layout Shift) é mais simples de resolver. Ele acontece quando elementos mudam de posição depois que a página carrega. As causas mais comuns são imagens sem dimensões definidas, anúncios que surgem depois e fontes que trocam de estilo. Defina width e height em todas as imagens, reserve espaço para anúncios e use font-display: swap.

Como medir o progresso ao longo do tempo?

Não dá para otimizar uma vez e esquecer. O Core Web Vitals muda com o conteúdo que você publica. Uma imagem nova muito pesada pode derrubar o LCP de uma página específica.

Acompanhe o relatório mensal no Search Console. Ele mostra a tendência das três métricas ao longo de 28 dias. Se algo piorou, investigue as URLs afetadas e veja o que foi alterado recentemente. Manter um padrão de otimização — comprimir imagens, limitar scripts — evita regressões.

Leia também: Otimização para Google News não funciona sem esse detalhe

Conclusão

A otimização core web vitals não é um bicho de sete cabeças, mas exige método. Comece pelo LCP, resolva o que o diagnóstico aponta e depois ataque INP e CLS. O resultado é um site mais rápido, que agrada o Google e, principalmente, os leitores.

• Diagnostique: use PageSpeed Insights e o Search Console para saber onde está o problema.
• Atue no LCP: melhore o servidor, comprima imagens e adie scripts.
• Monitore: acompanhe mensalmente para evitar regressões.

Para mais conteúdos, visite a página inicial do Blog JornalBox.

Se você está começando agora, não tente fazer tudo de uma vez. Escolha uma métrica, aplique as correções e meça. Aos poucos, seu portal fica mais leve e competitivo. E lembre-se: um site rápido é um site que o leitor quer voltar a visitar.

Perguntas frequentes

No JornalBox: nota de SEO em cada matéria · indexação com sitemap e IndexNow · planos e preços.

Categoria: SEO para portais e blogs