O método CLS é usado para medir o grau em que o conteúdo da página da web se desloca ou se move ao longo de todo o ciclo de renderização da página ou, em outras palavras, para medir a estabilidade da aparência visual do site.
Provavelmente, você já se deparou diversas vezes com a frustração de clicar acidentalmente em um item de menu e ser redirecionado para um site externo por meio de um anúncio. Outra frustração ainda maior é quando o conteúdo de uma página muda repentinamente durante a navegação. Claro, essas mudanças de layout também incomodam os usuários. No entanto, elas podem causar problemas ainda maiores para os editores de conteúdo, como altas taxas de rejeição e violações das políticas de anúncios devido a cliques acidentais causados por essas alterações.
Além disso, como o Google considera o CLS um dos três "Core Web Vitals", uma pontuação baixa no CLS pode afetar negativamente a pontuação geral dos Core Web Vitals, resultando em uma classificação negativa para o usuário. Como parte das recentes mudanças no algoritmo de busca do Google, os sites que recebem uma pontuação satisfatória na avaliação dos Core Web Vitals são classificados de forma mais favorável nos resultados de busca.
Existe uma correlação direta entre a melhoria da pontuação CLS, a melhoria da experiência geral do usuário, a possível melhoria do posicionamento no Google e o aumento do tráfego orgânico do Google.
Como é medida a mudança cumulativa de layout?
Quando um elemento visível na área visível muda sua posição inicial por qualquer motivo, essa mudança será registrada. Portanto, seria considerado instável se ele alterasse sua posição inicial. É importante observar que só é possível criar uma mudança de layout se um elemento visível se mover para um local diferente na página devido a alguma alteração que ocorra nessa página, e não se um novo elemento ou um elemento existente aumentar ou diminuir de tamanho.
A pontuação CLS consiste em duas medidas específicas projetadas para rastrear mudanças de layout: frações de impacto e frações de distância. Essas duas medidas são usadas para determinar a pontuação CLS. A fração de impacto mede como elementos instáveis afetam a área visível entre dois quadros, combinando o elemento original e a mudança em uma proporção que pode ser comparada à área visível total da área visível entre os dois quadros. No caso de um elemento instável que se move horizontalmente ou verticalmente, a fração de distância representa a distância que esse elemento percorreu na área visível (horizontalmente ou verticalmente).
Como você pode melhorar sua pontuação no CLS?
Para reduzir elementos instáveis/comportamento variável, seguem algumas recomendações:
- Diferentes páginas da web podem receber pontuações CLS diferentes, dependendo da estrutura do seu site. Por exemplo, as pontuações CLS para páginas de artigos podem ser maiores do que as da página inicial. Portanto, o primeiro passo é medir as pontuações CLS de todos os modelos de página principais do seu site.
- Imagens e vídeos devem sempre ter atributos de largura e altura. Crie imagens responsivas com proporções definidas.
- Alternativamente, as caixas de proporção CSS podem ser usadas para reservar o espaço necessário para os elementos. Durante o processo de carregamento, isso garante que o navegador aloque a quantidade apropriada de espaço no documento.
- A veiculação de anúncios pode contribuir significativamente para a alteração do layout se os posicionamentos não forem otimizados adequadamente.
- Não insira conteúdo dinâmico sobre conteúdo já carregado, exceto em resposta a interações do usuário, caso em que o layout será alterado.
Aumente a performance do seu WordPress com nossos serviços de otimização de sites!
