Angola
Brasil
Kenya
Moçambique
Nigeria
Portugal
South Africa
United Kingdom
United States
International
O CLS mede quanto o conteúdo se mexe enquanto a página carrega: você vai clicar num botão e, no último instante, aparece um anúncio por cima e o botão desce. A causa é quase sempre a mesma: algo chega sem ter reservado o seu espaço. A cura é reservar o espaço antes de o conteúdo chegar.
As causas, da mais comum para a menos comum
| O que salta | Porquê | Como reservar o espaço |
| Imagens | Sem largura e altura declaradas, o navegador só sabe o tamanho depois de a imagem chegar. | Pôr width e height no <img>. O WordPress já faz isto nas imagens que insere pelo editor; os temas e construtores de páginas é que às vezes o perdem. |
| Anúncios, banners e avisos de cookies | Aparecem depois e empurram o texto para baixo. | Dar à caixa uma altura mínima fixa, ou fazê-los aparecer por cima do conteúdo em vez de o empurrar. |
| Vídeos e mapas incorporados (iframes) | Chegam sem tamanho e a caixa cresce de repente. | Dar ao iframe largura e altura, ou uma proporção fixa por CSS (aspect-ratio). |
| Fontes que trocam | O texto aparece com uma letra e muda quando a fonte certa chega, com outra largura. | Menos fontes e font-display bem escolhido. Veja fontes da web. |
| Conteúdo inserido por script | Barras de promoção, widgets de chat, “ver mais”. | Reservar a altura desse bloco no CSS antes de o script correr. |
Encontrar o que salta, passo a passo
|
|
|
| Adiar tudo piora o CLS. Ao adiar CSS ou scripts do tema para “ganhar pontos”, o desenho final chega depois do conteúdo e a página dá um salto no fim. Se o CLS subiu depois de mexer nas opções de optimização, desfaça a última e meça outra vez. Veja minificar CSS e JavaScript sem partir o site. |
| Dados de campo e dados de laboratório podem discordar. O teste de laboratório carrega a página e pára; os visitantes rolam, abrem menus e aceitam cookies, e é aí que muitos saltos acontecem. Se o relatório do Search Console fala de CLS e o teste de laboratório está limpo, teste a página como um visitante: com o aviso de cookies, a rolar e a abrir os separadores. Os limites estão em web.dev e mudam: confirme-os lá. |
Uma página que não salta também é mais agradável de usar do que uma página rápida que se mexe. Vale o esforço mesmo que a Google não existisse.
|
Já reservou o espaço e a página continua a mexer? Envie-nos o endereço e o que o relatório nomeia. Abrir um pedido de suporte |
|
VEJA TAMBÉM Core Web Vitals em palavras simples Fontes da web que atrasam a página |
PRODUTO RECOMENDADO Alojamento de sites com cPanel Domínio e SSL incluídos, cópias diárias e o painel que já conhece. desde 5.940,00 Kz/mês (plano de 3 anos, com cupão) Ver planos |
- 0 Utilizadores acharam útil
