Hot News
O defensor do desenvolvedor de desempenho da Web do Google, Barry Pollard, esclareceu como a mudança cumulativa de layout (CLS) é medida.
O CLS quantifica quantas mudanças inesperadas de layout ocorrem quando uma pessoa navega em seu site.
Essa métrica é importante para o SEO, pois é um dos principais sinais vitais da Web do Google. Páginas com pontuações CLS baixas fornecem uma experiência mais estável, levando potencialmente a uma melhor visibilidade de pesquisa.
Como isso é medido? Pollard abordou esta questão em um tópico no X.
Para Core Web Vitals, em que é medido o CLS? Por que 0,1 é considerado ruim e 0,25 é considerado ruim, e o que esses números representam?
Tive três conversas separadas sobre isso com várias pessoas nas últimas 24 horas, então achei que era hora de outro tópico aprofundado para explicar…
🧵 1/12 pic.twitter.com/zZoTur6Ad4
-Barry Pollard (@tunetheweb) 10 de outubro de 2024
Compreendendo a medição CLS
Pollard começou explicando a natureza da medição CLS:
“O CLS é ‘sem unidade’, ao contrário do LCP e do INP, que são medidos em segundos/milissegundos.”
Ele esclareceu ainda:
“Cada mudança de layout é calculada multiplicando duas porcentagens ou frações: O que se moveu (fração de impacto) Quanto se moveu (fração de distância).”
Este método de cálculo ajuda a quantificar a gravidade das mudanças de layout.
Como Pollard explicou:
“Toda a janela de visualização se move totalmente para baixo – isso é pior do que apenas metade da janela de visualização se movendo totalmente para baixo. Toda a janela de visualização desceu um pouco? Isso não é tão ruim quanto toda a janela de visualização descer muito.”
Pior cenário
Pollard descreveu o pior cenário para uma única mudança de layout:
“A mudança máxima de layout ocorre se 100% da janela de visualização (fração de impacto = 1,0) for movida uma janela de visualização completa para baixo (fração de distância = 1,0).
Isso dá uma pontuação de mudança de layout de 1,0 e é basicamente o pior tipo de mudança.”
Contudo, ele nos lembra da natureza cumulativa do CLS:
“CLS é Cumulative Layout Shift, e essa primeira palavra (cumulativo) é importante. Pegamos todos os turnos individuais que acontecem em um curto espaço de tempo (máximo de 5 segundos) e os somamos para obter a pontuação CLS.”
Pollard explicou o raciocínio por trás da janela de medição de 5 segundos:
“Originalmente, acumulamos TODAS as mudanças, mas isso não mediu realmente a UX – especialmente para páginas abertas por muito tempo (pense em SPAs ou e-mail). Medir todas as mudanças significava, com tempo suficiente, que até mesmo as melhores páginas falhariam!”
Ele também observou a pontuação máxima teórica do CLS:
“Como cada elemento só pode mudar quando um quadro é desenhado e temos um limite de 5 segundos e a maioria dos dispositivos roda a 60fps, isso dá um limite teórico no CLS de 5 segundos * 60 fps * 1,0 deslocamento máximo = 300.”
Interpretando pontuações CLS
Pollard abordou como interpretar as pontuações do CLS:
“… ajuda pensar no CLS como uma porcentagem do movimento. O bom limite de 0,1 significa que a página moveu 10% – o que pode significar que a página inteira moveu 10%, ou metade da página moveu 20%, ou muitos pequenos movimentos foram equivalentes a qualquer um deles.
Em relação aos valores limite específicos, Pollard explicou:
“Então por que 0,1 é ‘bom’ e 0,25 ‘ruim’? Isso é explicado aqui como uma combinação do que gostaríamos (CLS = 0!) e do que é possível… 0,05 era realmente alcançável na mediana, mas para muitos sites não seria, então aumentou um pouco mais.”
Veja também: Como você pode medir os principais sinais vitais da Web
Por que isso é importante
Os insights de Pollard fornecem aos desenvolvedores web e profissionais de SEO uma compreensão mais clara de medição e otimização para CLS.
Ao trabalhar com o CLS, tenha estes pontos em mente:
- O CLS não tem unidade e é calculado a partir de frações de impacto e distância.
- É cumulativo, medindo mudanças em uma janela de 5 segundos.
- O limite “bom” de 0,1 equivale aproximadamente a 10% do movimento da janela de visualização.
- As pontuações CLS podem exceder 1,0 devido à soma de vários turnos.
- Os limites (0,1 para “bom” e 0,25 para “ruim”) equilibram o desempenho ideal com metas alcançáveis.
Com esse insight, você pode fazer ajustes para atingir o limite do Google.
Imagem em destaque: Piscina26/Shutterstock
#hotnews #noticias #tecnologia #AtualizaçõesDiárias #SigaHotnews #FiquePorDentro #ÚltimasNotícias #InformaçãoAtual