Core Web Vitals | LCP, INP, CLS: Limites e Dicas | Awesome Toolkit

Referência Core Web Vitals

Insira suas métricas LCP, INP e CLS e obtenha uma classificação Good/Needs Improvement/Poor com dicas.

Por Marshkalk

LCP - Largest Contentful Paint
Mede o desempenho de carregamento. Tempo para o maior elemento visível ser renderizado.
Bom < 2,5s Precisa melhorar 2,5-4s Ruim > 4s
INP - Interaction to Next Paint
Mede a interatividade. Capacidade de resposta a interações do usuário (clique, toque, tecla).
Bom < 200ms Precisa melhorar 200-500ms Ruim > 500ms
CLS - Cumulative Layout Shift
Mede a estabilidade visual. Mudanças inesperadas de layout durante o carregamento.
Bom < 0,1 Precisa melhorar 0,1-0,25 Ruim > 0,25

Core Web Vitals

Os Core Web Vitals são as métricas padronizadas do Google para medir a experiência real do utilizador. Influenciam diretamente o ranking do Google Search como sinal de experiência de página.

Os três Core Web Vitals

MétricaO que medeBomPrecisa de melhoriaMau
LCP (Largest Contentful Paint)Desempenho de carregamento< 2,5s2,5-4,0s> 4,0s
INP (Interaction to Next Paint)Capacidade de resposta< 200ms200-500ms> 500ms
CLS (Cumulative Layout Shift)Estabilidade visual< 0,10,1-0,25> 0,25

Como melhorar o LCP

  • Comprima e otimize as imagens hero; use o formato WebP
  • Pré-carregue o elemento LCP com <link rel="preload">
  • Use um CDN; reduza o tempo de resposta do servidor (TTFB)

Como melhorar o CLS

  • Defina sempre dimensões explícitas em imagens e vídeos
  • Reserve espaço para os anúncios antes de serem carregados
  • Evite inserir conteúdo acima de elementos existentes após o carregamento

Contexto de infraestrutura em Portugal

Os scores de Core Web Vitals sao medidos com dados reais do Chrome User Experience Report (CrUX). Em Portugal:

  • Velocidade 4G média: ~45-55 Mbps (ANACOM 2023). Boa cobertura nas áreas metropolitanas de Lisboa e Porto, mas mais lenta no interior (Alentejo, Trás-os-Montes) e nas ilhas (Açores, Madeira).
  • Hosting em Portugal: PTisp (Porto), Sapo/Altice (Lisboa) sao os principais provedores nacionais. Para baixo TTFB em Portugal, AWS não tem datacenter próprio mas o nó eu-west-3 (Paris) adiciona ~25ms de latência a Lisboa. Hetzner Frankfurt adiciona ~30ms.
  • Fibra ótica: Portugal tem uma das maiores taxas de penetracao de fibra da UE (+70%). Para utilizadores de desktop com fibra, o LCP raramente é limitado pela largura de banda; o TTFB do servidor e o JavaScript de bloqueio sao os fatores determinantes.
  • Utilizadores móveis nas ilhas: nos Açores e Madeira, as conexoes móveis sao mais lentas. Teste com o perfil "3G lento" no Chrome DevTools para representar estes utilizadores.