Desempenho e UX

Otimização de imagens

Escolha de dimensões, compressão, formato e carregamento das imagens segundo a utilização.

Um exemplo prático

Uma miniatura evita usar uma imagem de resolução total com vários megabytes.

O que devo saber?

Uma compressão excessiva pode dificultar a avaliação do produto.

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

LCPO momento em que o maior elemento de conteúdo significativo aparece na área visível inicial.Carregamento diferidoAdiar recursos ainda desnecessários, como imagens muito abaixo da área visível.Texto alternativoUma descrição textual da função ou significado de uma imagem para pessoas e sistemas que não a conseguem ver.

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