Avançar para o conteúdo
SilktideAjuda

Mudanças de layout

A Silktide observa a sua página enquanto ela carrega e mede quanto o layout salta, identificando as partes específicas da página que se movem. Uma página estável aparece uma vez e mantém-se no lugar; uma página instável muda à medida que as imagens, os tipos de letra e os conteúdos incorporados chegam.

A medição chama-se Cumulative Layout Shift (CLS), uma das da Google. Soma todos os movimentos inesperados durante o carregamento: 0,1 ou menos é considerado bom, e 0,25 ou mais é considerado fraco.

Porque é que isto é importante

As mudanças de layout causam erros reais. Um visitante tenta tocar numa ligação, o conteúdo salta no último momento e a pessoa toca noutra coisa — por vezes num anúncio, por vezes em "Comprar" em vez de "Cancelar". O texto que o visitante está a ler salta para longe. Isto faz com que o site pareça avariado e pouco fiável, de uma forma que os visitantes notam imediatamente, mesmo que não consigam explicá-la.

A Google também utiliza as Principais métricas da Web, incluindo esta, como sinal de classificação nos resultados de pesquisa, por isso uma página instável pode prejudicar tanto a visibilidade como a confiança.

Como corrigir

A Silktide mostra quais os elementos que mudaram; a solução é reservar espaço para eles antes de carregarem.

  1. Defina uma largura e uma altura explícitas para todas as imagens e vídeos (ou uma proporção de aspeto em CSS), para que o navegador reserve o espaço correto antes de o ficheiro chegar — consulte Tamanhos explícitos de imagens.
  2. Reserve espaço para anúncios, conteúdos incorporados e outros conteúdos carregados mais tarde, utilizando um contentor de tamanho fixo, mesmo que por vezes fique parcialmente vazio.
  3. Nunca insira conteúdo novo acima daquilo que o visitante já está a ler, exceto se isso acontecer em resposta a uma ação da própria pessoa.
  4. Carregue os tipos de letra personalizados de forma a evitar a redistribuição visível do texto — consulte Texto visível durante o carregamento.

Como a Silktide testa isto

  1. Carrega a página num navegador real, utilizando o tipo de dispositivo, a velocidade de ligação e a localização de teste configurados para os seus testes de velocidade.
  2. Regista todos os movimentos inesperados do layout enquanto a página carrega e soma-os para calcular a pontuação Cumulative Layout Shift da página.
  3. Apresenta cada elemento que mudou, com o seu e a respetiva contribuição individual para o total.
  4. Classifica a página pela sua pontuação total, utilizando a escala pública desta medição: 0,1 ou menos é bom; 0,25 ou mais é fraco.

Resolução de problemas

Não vejo a página a mover-se

As mudanças acontecem frequentemente nos primeiros momentos do carregamento, antes de começar a ler, ou apenas em ligações mais lentas, nas quais os ficheiros chegam de forma espaçada ao longo do tempo. O seu navegador também pode ter as imagens e os tipos de letra da página em cache, pelo que nada precisa de chegar mais tarde. No entanto, os elementos apresentados pela verificação indicam exatamente o que se moveu, mesmo que apenas por breves instantes.

A minha pontuação é diferente da de outras ferramentas

O CLS depende do dispositivo, da velocidade de ligação e da duração da medição. A Silktide mede um carregamento de página controlado com as definições configuradas para o seu teste de velocidade; as ferramentas baseadas em dados de visitantes reais (ou que continuam a medir enquanto os utilizadores percorrem a página e interagem com ela) podem legitimamente apresentar valores diferentes para a mesma página.

Saiba mais

Última atualização

Esta página foi útil?