O Que É Cumulative Layout Shift?

Cumulative layout shift, ou CLS, é uma métrica dos Core Web Vitals que quantifica quanto o conteúdo da página se move de forma inesperada durante o carregamento. Cada deslocamento é pontuado por quanto os elementos se movem e quanto da viewport eles afetam, e as pontuações se acumulam. Um CLS baixo significa um layout estável que não salta sob o usuário.

Por que isso importa

Deslocamentos de layout causam cliques errados frustrantes quando um botão se move justo quando o usuário toca. Reservar espaço para imagens e anúncios mantém o CLS baixo, e verificações em CI podem sinalizar regressões.

Guias relacionados