Principais conclusões
Acabe com os botões que saltam e rolam o texto enquanto a página carrega. Maneiras de reduzir a pontuação CLS a zero.
Rolls que testam a paciência do usuário: CLS
Existem poucas experiências piores do que o texto que você está tentando ler rolando para baixo repentinamente ou o botão mudando de posição quando você está prestes a clicar nele. O Google mede essa instabilidade com a métrica Cumulative Layout Shift (CLS) e considera menos de 0,1 como "bom".
Por que o CLS ocorre?
- Imagens e vídeos com tamanhos não especificados.
- Atraso no carregamento de fontes (problema FOIT/FOUT).
- Espaços de anúncios ou widgets adicionados dinamicamente.
- Mudanças de estilo devido a atrasos carregando arquivos CSS.
Soluções
- Adicione valores de
widtheheighta todas as tags. - Reserva de espaço usando a propriedade
aspect-ratioem CSS - Ao usar
font-display: swappara uploads de fontes, alinhe os dimensões da fonte substituta com a fonte principal. - Crie contêineres de altura fixa para espaços publicitários.
Serviço Relacionado
Meta Ads e Performance
Elimine o desperdício de verba com tracking servidor CAPI e escala mensurável de ROAS
