Sumário Executivo: O que você vai dominar neste guia
Neste guia técnico e prático, explico como atender às exigências de desempenho web do Google sem precisar ser um programador sênior. Conheça as técnicas de compressão WebP, carregamento assíncrono e cache que aceleram qualquer página.
Core Web Vitals são um conjunto de três métricas oficiais do Google que mensuram a experiência real do usuário em uma página web: LCP (Largest Contentful Paint, medindo o tempo de renderização do maior elemento da tela em até 2,5s), INP (Interaction to Next Paint, avaliando a responsividade aos cliques em até 200ms) e CLS (Cumulative Layout Shift, medindo a estabilidade visual sem saltos repentinos abaixo de 0,1).
1. O que são os core web vitals e por que eles decidem seu SEO
Durante anos, a "velocidade do site" era medida por testes sintéticos abstratos. Em resposta a isso, o Google desenvolveu os Core Web Vitals (Sinais Vitais da Web), coletando métricas anônimas de bilhões de usuários reais que navegam na internet pelo navegador Chrome (dados de campo do relatório CrUX).
Sites aprovados nos três sinais vitais não apenas ranqueiam melhor nas pesquisas orgânicas, mas também alcançam taxas de conversão significativamente mais altas e menor taxa de rejeição.
2. As 3 métricas vitais explicadas
Largest contentful paint (velocidade do conteúdo principal)
Mede quanto tempo leva para a maior imagem ou bloco de texto visível na tela ser completamente renderizado. Meta do Google: inferior a 2,5 segundos.
Cumulative layout shift (estabilidade visual)
Mede aqueles pulos irritantes onde você vai clicar em um botão e um banner abre do nada fazendo você clicar no link errado. Meta do Google: pontuação menor que 0,1.
Interaction to next paint (responsividade aos comandos)
O substituto definitivo do antigo FID. Avalia a latência entre o usuário tocar em um menu ou botão e a tela responder visualmente. Meta do Google: inferior a 200 milissegundos.
3. Como otimizar imagens: O maior vilão do lcp
Em mais de 80% dos sites lentos, o culpado é uma foto de capa pesando 4 Megabytes em formato JPG ou PNG desnecessário.
- Converta para WebP: O formato WebP reduz o peso dos arquivos em até 80% mantendo excelente nitidez visual.
- Dimensões Proporcionais: Nunca suba uma imagem de 4000 pixels de largura para exibir em uma tela de celular que mede apenas 400 pixels.
- Lazy Loading Inteligente: Ative carregamento adiado (lazy load) para imagens do meio e do fim da página, mas desative o lazy load na imagem de destaque principal para não atrasar o LCP.
4. Configuração de cache no servidor
Sem um bom sistema de cache, seu servidor precisa processar códigos PHP e consultar o banco de dados toda vez que um leitor entra em uma página. Ao ativar um plugin de cache (como LiteSpeed Cache ou WP Rocket), o servidor entrega páginas HTML estáticas pré-construídas instantaneamente em menos de 100 milissegundos.
Perguntas Frequentes (FAQ)
O que são core web vitals no Google? expand_more
São métricas de desempenho essenciais definidas pelo Google para medir a experiência do usuário nos quesitos de velocidade de carregamento (LCP), estabilidade visual da tela (CLS) e interatividade ágil (INP).
Como testar os core web vitals do meu site? expand_more
Basta acessar a ferramenta gratuita Google PageSpeed Insights (pagespeed.web.dev), digitar a URL da página e conferir a avaliação com diagnóstico detalhado para celular e computador.
O que é lcp e como melhorar? expand_more
LCP mede o tempo de carregamento do maior elemento visível da tela. Para melhorá-lo, comprima a imagem de capa para WebP, utilize hospedagem com servidores rápidos e ative pré-carregamento (fetchpriority='high').
O que causa o cls alto no site? expand_more
O deslocamento repentino de layout (CLS) geralmente é causado por imagens ou banners de anúncios sem dimensões fixas de largura e altura declaradas no HTML, fontes da web com carregamento atrasado e pop-ups intrusivos.
Qual a diferença entre fid e inp? expand_more
O antigo FID media apenas o atraso da primeira interação do usuário na página. O INP (Interaction to Next Paint) é mais abrangente e avalia todas as interações e cliques realizados pelo visitante ao longo de toda a sessão de navegação.
Core web vitals afeta o ranqueamento orgânico? expand_more
Sim. Desde 2021 as métricas de Core Web Vitals são consideradas sinais oficiais no algoritmo de classificação de páginas do Google.
Qual a nota mínima recomendada no pagespeed? expand_more
O ideal é atingir a faixa verde (pontuação entre 90 e 100) no computador e ao menos acima de 80 nos dispositivos móveis, garantindo que os três indicadores vitais estejam com status 'Bom'.
Como resolver o aviso de 'eliminar recursos que impedem a renderização'? expand_more
Você pode adiar o carregamento de arquivos CSS e JavaScript secundários adicionando os atributos defer ou async às tags de script ou utilizando as configurações de otimização de plugins de cache.
Weverton Freitas
EDITOR-CHEFEEditor-Chefe & Especialista em SEO
+15 anos construindo portais de alto tráfego, infraestrutura web e estratégias de afiliação transparente. Cada tutorial publicado no FizDigital é validado em ambientes de produção antes da redação final, garantindo fidelidade técnica sem atalhos ou fórmulas rasas.