📖
Métrica
CLS
Cumulative Layout Shift. Soma de layout shifts inesperados. Meta: < 0.1.
📚 O que é
Mede quanto o layout 'pula' inesperadamente durante carregamento. Causas: imagens sem dimensões, anúncios injetados, fontes web, conteúdo carregando após render inicial. Fórmula: impact fraction × distance fraction.
✅ Quando usar
Otimizar quando usuários relatam conteúdo 'pulando' ou CLS > 0.1 no RUM.
🚫 Quando NÃO usar
Não é relevante para apps internos/dashboards sem muito conteúdo externo.
👍 Prós
Identifica UX degradada
Mensurável
Correlação com frustração do usuário
👎 Contras
Pode ser causado por terceiros (ads, embeds)
Difícil de medir corretamente em lab
🔗 Termos relacionados
LCP
Métrica
Largest Contentful Paint. Tempo até o maior elemento visível renderizar. Meta: < 2.5s.
INP
Métrica
Interaction to Next Paint. Tempo de resposta de TODAS as interações. Meta: < 200ms. Substituiu FID em 2024.
TTFB
Métrica
Time to First Byte. Tempo até o browser receber o primeiro byte do servidor. Meta: < 600ms.