O que é CLS?
CLS, ou Cumulative Layout Shift, é uma métrica que quantifica a instabilidade visual de uma página enquanto ela carrega. Deslocamentos inesperados de elementos — como um botão que muda de lugar repentinamente — prejudicam a experiência, e o CLS mede a soma desses saltos. O score varia de 0 a uma pontuação qualquer, sendo que valores abaixo de 0,1 são considerados bons pelo Google, entre 0,1 e 0,25 precisam de melhoria, e acima de 0,25 indicam experiência ruim.
Essa métrica faz parte dos Core Web Vitals e impacta diretamente o SEO, já que o Google a utiliza como fator de ranqueamento na experiência de página. Um CLS elevado pode frustrar o visitante, levando a cliques acidentais, aumento da taxa de rejeição e queda nas conversões. Por isso, otimizar a estabilidade visual não é só uma exigência técnica, mas uma estratégia para reter usuários e melhorar o posicionamento orgânico.
Para reduzir o CLS, defina sempre atributos de largura e altura em imagens, vídeos e iframes, reservando o espaço antes do carregamento. Evite inserir anúncios, pop‑ups ou qualquer conteúdo dinâmico sem um placeholder dimensionado. Além disso, utilize font‑display: swap nas webfonts para evitar que o texto “salte” quando a fonte é carregada. Essas práticas simples garantem uma navegação mais suave e previsível.
Perguntas frequentes
O que significa CLS?
CLS é a sigla para Cumulative Layout Shift, métrica que avalia a estabilidade visual de uma página durante o carregamento, mensurando o quanto os elementos se movem de forma inesperada.
Qual o valor ideal de CLS?
O Google considera um bom CLS toda pontuação inferior a 0,1. Resultados entre 0,1 e 0,25 necessitam de aprimoramento, e acima de 0,25 já é avaliado como ruim, prejudicando a experiência e o SEO.
Como corrigir um CLS alto?
Defina tamanhos fixos para imagens, vídeos e iframes; evite inserir conteúdo dinâmico sem espaço reservado; e utilize font‑display: swap nas fontes para impedir que o texto se mova após o carregamento. Ferramentas como PageSpeed Insights indicam exatamente quais elementos causam os saltos.