Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Verificar CLS: por que o conteúdo se move durante o carregamento
O Cumulative Layout Shift mede quão fortemente o conteúdo visível muda de posição durante o carregamento. É o único valor principal sem unidade de tempo — e o único cujo efeito todos conhecem: você quer clicar e no mesmo instante o botão se move.
- A causa mais comum são imagens e conteúdo incorporado sem dimensões especificadas. O navegador não sabe quanto espaço reservar e empurra tudo para baixo quando chegam.
- A segunda causa mais comum são elementos mostrados posteriormente: barras de notificação, banners de consentimento, áreas de anúncio. Se ocupam espaço em vez de sobrepor, deslocam todo o conteúdo.
- O terceiro caso são as fontes: se uma fonte substituta é exibida primeiro e depois trocada, quebras de linha mudam e com elas a posição de tudo que segue.