Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Performance
O que é CLS e porque é que os conteúdos se deslocam ao carregar uma website?
CLS (Cumulative Layout Shift) mede quão fortemente os conteúdos de uma página deslocam-se durante o carregamento — o Google classifica um valor até 0,1 como bom, acima de 0,25 como mau. Todos conhecem o efeito: quer tocar numa ligação, no último momento uma imagem que carrega afasta tudo para baixo, e o dedo cai na publicidade ao lado. Exatamente esses saltos o CLS soma.
Desvios de apresentação custam confiança e levam a cliques errados
Um desvio ocorre quando um elemento apenas reclama o seu espaço após a página já ter sido renderizada: uma imagem é carregada sem área reservada, um banner de publicidade se encaixa entre o título e o texto, uma fonte carregada posteriormente altera a altura da linha. Para os visitantes, parece que a página tem um contacto solto. A consequência prática são cliques errados: o dedo visa «Cancelar» e atinge «Comprar» porque os botões se deslocaram no último momento. O CLS soma todos estes deslocamentos durante o carregamento da página num único número — quanto maior a área deslocada e quanto maior o salto, maior o valor.
Os limiares do Google: 0,1 bom, acima de 0,25 mau
Ao contrário dos valores de tempo, o CLS não tem unidade — é um número relativo de área deslocada e distância de salto. Até 0,1 é considerado bom, até 0,25 como necessitando melhoria, acima disso como mau. Uma página cujos conteúdos não saltam em absoluto atinge 0. O serviço de verificação adota estes limiares oficiais do Google sem alterações e mede dispositivo móvel e computador de secretária em separado, porque no ecrã do telefone estreito o mesmo desvio tem mais impacto: o que é um pequeno deslocamento no computador de secretária afasta metade da zona visível no telefone.
Como o serviço de verificação mede a estabilidade da apresentação
O serviço de verificação obtém para cada página verificada a medição do PageSpeed do Google. Fornece o CLS de duas fontes: dos dados de campo de visitantes reais dos últimos 28 dias, se a página tiver chamadas suficientes, e de uma medição de laboratório sob condições fixas. Se existirem dados de campo, têm prioridade — mostram o que realmente acontece aos visitantes, incluindo ligações lentas e dispositivos antigos. Cada valor acima do limiar aparece como constatação no relatório, com valor medido, fonte da medição e o valor alvo 0,1 ao lado, para que a sua agência possa melhorar de forma direcionada.
- Carregue a sua página inicial no telemóvel e observe os primeiros segundos: o texto desce assim que as imagens ou banners aparecem?
- Peça à sua agência para especificar largura e altura fixas para cada imagem e vídeo, para que o espaço seja reservado desde o início.
- Deixe áreas de publicidade e incorporações receberem um quadro fixo que permanece mesmo que o conteúdo chegue depois ou nunca.
- Exija que banners de notificação — por exemplo sobre cookies ou promoções — flutuem acima da página ou sejam planeados desde o início, em vez de empurrar o conteúdo para baixo.
- Verifique o CLS novamente após cada remodelação da página inicial, pois até um novo banner pode fazer um bom valor virar mau.