---
title: "kb/glossary/cls"
description: "GHWD agent markdown twin"
canonical: https://ghwd.com.br/kb/glossary/cls/
last-updated: 2026-10-18
---

# CLS (Cumulative Layout Shift)

Métrica que quantifica instabilidade visual causada por mudanças inesperadas de posição dos elementos, conforme as regras de agrupamento da medição.

## Explicação

O patamar bom é até 0,1 no percentil 75 das visitas. Reservar espaço para imagens e outros conteúdos pode ajudar, mas é necessário testar carregamento e uso para identificar as causas.

## Por que a página muda de lugar durante o uso

### Mudanças inesperadas de posição

CLS mede instabilidade visual causada por mudanças inesperadas de layout segundo as regras da métrica. Imagens sem espaço reservado, conteúdo inserido acima do que está sendo lido e mudanças de fonte podem contribuir. Nem toda alteração visual é classificada da mesma forma.

Um exemplo é um botão que se desloca quando uma imagem termina de carregar. Além de prejudicar a leitura, o movimento pode fazer a pessoa tocar no lugar errado. Reservar dimensões e planejar estados de carregamento ajuda a preservar o espaço necessário.



### Conferir além da primeira tela

Teste carregamento, rolagem, abertura de componentes e uso de formulários. Um relatório de laboratório pode não reproduzir tudo o que acontece em uma visita longa. O patamar bom de CLS é até 0,1 no percentil 75. Compare a estabilidade após o ajuste sem concluir que uma única medição representa todos os acessos.

[Investigar estabilidade e outros Web Vitals](https://ghwd.com.br/kb/core-web-vitals-lcp-inp-checklist/)

### Fontes e leitura complementar

[web.dev: Cumulative Layout Shift](https://web.dev/articles/cls)

## Related

- Glossary index: https://ghwd.com.br/kb/glossary/
- Knowledge base: https://ghwd.com.br/kb/
- Pricing: https://ghwd.com.br/pricing/


---

## Agent navigation

- Canonical HTML: https://ghwd.com.br/kb/glossary/cls/
- Agent instructions: https://ghwd.com.br/agent-instructions.md
- llms.txt: https://ghwd.com.br/llms.txt
- AI index: https://ghwd.com.br/ai-index.md
- Developers: https://ghwd.com.br/developers/
- Audit UI: https://ghwd.com.br/audit/
- Sitemap: https://ghwd.com.br/sitemap.xml

Prefer `Accept: text/markdown` (or AI bot User-Agent) to receive this text variant.