SEO Técnico
O que é CLS (Cumulative Layout Shift)?
CLS mede o quanto elementos se movem inesperadamente durante o carregamento — meta: < 0,1. Penaliza UI "saltadora".
CLS (Cumulative Layout Shift) é a 3ª Core Web Vital. Sua meta é < 0,1; > 0,25 é ruim. Pune sites que carregam, e quando o usuário tenta clicar num botão, ele se mexe (ad lazy loads, fonte trocada, imagem sem dimensão).
Soluções principais: width/height explícitos em imagens (não deixe o navegador adivinhar), aspect-ratio em embeds, font-display: optional ou preload de fontes, e evitar inserir conteúdo acima de outro já renderizado.
Fórmula
Bom: ≤ 0,1 · Pode melhorar: 0,1–0,25 · Ruim: > 0,25Use na prática
Analisador de SEO
Termos relacionados
Perguntas frequentes
Como evitar CLS por fonts?
Use font-display: optional ou swap + preload da fonte; senão, fonte cai do fallback pra carregada, e tudo se mexe.
CLS conta interações do usuário?
Não. Shift causado por clique do usuário (abrir modal, expandir accordion) é excluído do CLS — só conta o "inesperado".