--- title: "CLS: Cumulative Layout Shift" description: "CLS mede deslocamentos inesperados de elementos visíveis na página. Entenda a pontuação de estabilidade visual e como investigar mudanças durante o uso." canonical: "https://tropk.ai/recursos/glossario/cls" last_modified: "2026-10-12T16:09:16.988Z" --- # CLS: Cumulative Layout Shift Revisado em 2026-10-07. ## O que significa CLS significa Cumulative Layout Shift. É uma métrica de estabilidade visual que considera mudanças inesperadas na posição de elementos visíveis da página. O valor corresponde à maior soma de pontuações numa janela de deslocamentos próximos entre si, com duração máxima de cinco segundos. Como Core Web Vital, ajuda a observar quanto o layout muda durante a experiência de uso. ## Por que importa para marketing Para marketing, CLS ajuda a investigar páginas em que a leitura ou a ação é interrompida por movimentos inesperados. Uma faixa promocional que aparece tarde pode empurrar um botão enquanto a pessoa tenta clicar. A equipe consegue encaminhar o problema como instabilidade de elementos, em vez de descrevê-lo apenas como sensação de lentidão. O defeito pode continuar mesmo quando as imagens carregam rapidamente. ## Exemplo na prática Imagine uma escola cuja página de matrícula carrega um aviso acima do formulário depois de alguns segundos. O campo em foco muda de posição e a pessoa perde a referência de leitura. A equipe reproduz esse carregamento, identifica o deslocamento e pede espaço reservado para o aviso. Depois verifica a estabilidade com o mesmo atraso, sem presumir que remover qualquer movimento seja a solução. ## Como aplicar ou verificar Observe a página durante o carregamento e também após interações e inserções de conteúdo. Registre os elementos que se deslocam e recursos associados, como imagens, fontes e componentes externos. O web.dev recomenda CLS de até 0,1 no percentil 75 das visitas, separado por dispositivo. Testes de laboratório localizam causas; dados reais podem revelar deslocamentos ausentes numa captura inicial. ## Distinções importantes CLS é uma pontuação sem unidade de tempo, não milissegundos nem percentual de visitantes. Nem toda mudança visual entra no cálculo: deslocamentos próximos de certas ações do usuário podem ser excluídos. O valor não soma indiscriminadamente todos os movimentos da visita. Uma nota baixa também não certifica conforto de leitura ou acessibilidade; essas questões exigem observação do conteúdo e da navegação. ## Fontes e referências - [Cumulative Layout Shift (CLS)  |  Articles  |  web.dev]() — Google / web.dev ## Continue a leitura - [Core Web Vitals]() - [INP: Interaction to Next Paint]() - [LCP: Largest Contentful Paint]() ## Sobre o autor [Vinicius Pacheco]() Responsável pelos conteúdos técnicos da Tropk, com foco em rastreamento, indexação, dados estruturados e acesso de agentes ao conteúdo. --- [Todas as páginas em Markdown]()