Cumulative layout shift

Cumulative Layout Shift

Cumulative Layout Shift é uma métrica que mede a estabilidade visual de uma página, ou seja, quanto os elementos mudam de posição enquanto a página carrega ou depois de já estar visível. Ela identifica movimentos inesperados, como textos que pulam para baixo quando uma imagem é inserida, botões que se deslocam ou anúncios que empurram o conteúdo, e soma o impacto dessas mudanças ao longo do tempo. Esse comportamento é frustrante para quem navega, pois pode causar cliques errados, perda de contexto e sensação de falta de qualidade no site. A pontuação é um valor acumulado: quanto menor, melhor; valores acima de um certo limite indicam problemas que precisam ser corrigidos. Entre as causas mais comuns estão imagens sem dimensões definidas, iframes e anúncios que aparecem sem espaço reservado, carregamento tardio de fontes e inserção dinâmica de conteúdo acima do que já estava visível. Para reduzir essas mudanças, recomenda-se reservar espaço para mídia e anúncios, declarar largura e altura em imagens e iframes, usar placeholders e evitar inserir elementos novos no topo da página depois do carregamento. Além disso, animações e transições devem ser feitas com transformações que não provoquem reflow do layout. Garantir estabilidade visual melhora a experiência do usuário, diminui erros de interação e é também valorizado por mecanismos de busca.