Desempenho e UX

CLS

Também conhecido como: Cumulative Layout Shift

Uma medida do movimento inesperado de elementos visíveis da página.

Um exemplo prático

Um botão desloca-se quando uma imagem carrega sem dimensões reservadas.

O que devo saber?

Nem toda a mudança de layout após ação intencional é um problema CLS.

Desempenho e UX na prática

Avalie experiências reais nos dispositivos dos utilizadores. Os testes de laboratório ajudam a identificar causas; os dados de utilização mostram a dimensão do problema. Um bom site facilita encontrar informação e concluir tarefas.

Funções Semly relacionadas

Veja onde se aplica este conceito ao trabalhar com a Semly.

Google Search ConsoleLigue dados de pesquisa à Semly. Analise consultas e desempenho das páginas ao planear os próximos passos.Análise de IACompare visibilidade, posição, sentimento e quota da marca nas respostas da IA.

Termos relacionados

Core Web VitalsMétricas da experiência do utilizador sobre carregamento principal, resposta às interações e estabilidade visual.UXA experiência geral e as dificuldades de utilização de um produto ou serviço.Otimização de imagensEscolha de dimensões, compressão, formato e carregamento das imagens segundo a utilização.

Documentação e leituras adicionais

Definição preparada pela Semly. As normas e o comportamento são descritos pelos respetivos criadores:

web.dev - Web Vitals

CLS