{"id":27671,"date":"2022-05-23T19:45:52","date_gmt":"2022-05-23T22:45:52","guid":{"rendered":"\/tutoriais\/?p=27671"},"modified":"2025-12-18T11:45:30","modified_gmt":"2025-12-18T14:45:30","slug":"cumulative-layout-shift","status":"publish","type":"post","link":"\/br\/tutoriais\/cumulative-layout-shift\/","title":{"rendered":"Cumulative layout shift (CLS): o que \u00e9 e como melhor\u00e1-lo"},"content":{"rendered":"

Cumulative Layout Shift (CLS)<\/strong> é uma métrica que avalia a experiência do usuário medindo o quanto as páginas do seu site mudam inesperadamente.<\/p>

Embora existam vários elementos do site que afetam a experiência do usuário, uma pontuação baixa no CLS também afeta a otimização do mecanismo de pesquisa (SEO) do seu site. Portanto, entender o que é o CLS e como obter uma boa pontuação no CLS ajuda a melhorar o desempenho geral do seu site.<\/p>

Neste artigo, discutiremos as diferentes maneiras de medir uma pontuação CLS. Também explicaremos quais elementos o influenciam e responderemos a algumas perguntas frequentes sobre o CLS no final deste artigo.<\/p>

Vamos começar respondendo a pergunta principal: o que é CLS?<\/p>

\"\"<\/a><\/figure>

\n\n\n\n\n\n\n<\/p>

<\/p>

\n\n\n

\n \n \n <\/svg>\n

\n O que é Cumulative Layout Shift (CLS)?\n <\/p>\n <\/div>\n

O Cumulative Layout Shift mede a estabilidade visual das páginas da Web, calculando a quantidade total de mudanças de layout inesperadas em uma página da Web. Uma mudança de layout acontece quando um elemento visível muda de posição ou tamanho, movendo o conteúdo ao seu redor.<\/p><\/div>\n\n\n\n<\/p>

Impacto da pontuação de Cumulative Layout Shift no SEO<\/strong><\/h2>

A Cumulative Layout Shift é um fator de classificação no Google<\/strong><\/a>, pois afeta o desempenho do site e a experiência do usuário. É uma das métricas do Core Web Vitals<\/strong><\/a>, e o Google pode penalizar um site que não atenda ao seu padrão.<\/p>

Uma pontuação baixa no CLS indica que um site não é confiável, o que pode fazer com que os visitantes saiam mais rapidamente. Portanto, otimizar seu site<\/strong><\/a> para uma pontuação CLS alta é um componente essencial de uma estratégia de SEO bem-sucedida<\/strong><\/a>.<\/p>

O que é uma boa pontuação CLS?<\/strong><\/h2>

Uma pontuação CLS alta indica um número considerável de mudanças inesperadas de layout em uma página da web. Por outro lado, uma página totalmente estática pode ter uma pontuação tão baixa quanto zero<\/strong>.<\/p>

O Google estabeleceu um padrão para todas as métricas do Core Web Vitals para ajudar os proprietários de sites a medirem e melhorar suas pontuações de CLS:<\/p>