Móvel: fluidez acima de qualidade

Mais de 60% do tráfego web mundial já chega a partir do telemóvel, segundo confirma há anos a StatCounter — e esse valor continua a subir, não a descer. Isso muda uma pergunta que durante anos se deu como garantida: "qual imagem é melhor, a de maior qualidade?" já não tem uma resposta assim tão simples, porque em telemóvel a variável que de facto determina se alguém fica no teu site ou se vai embora não é quão nítida é a foto — é se a página responde de imediato ou fica a pensar.

Menos largura de banda, menos paciência, as duas coisas ao mesmo tempo

No telemóvel juntam-se dois fatores que quase nunca coincidem no computador: pior ligação em média (dados móveis, cobertura irregular, redes partilhadas) e menos tolerância à espera. Um estudo já clássico da Google (2016) descobriu que a probabilidade de alguém abandonar uma página móvel sobe 32% quando o tempo de carregamento passa de 1 para 3 segundos — e continua a subir de forma acentuada a partir daí. Não é que as pessoas no telemóvel sejam mais impacientes por natureza; é que o telemóvel é, por definição, o dispositivo do "quero isto agora, a meio de outra coisa" — a caminhar, no metro, entre tarefas. A paciência disponível é literalmente menor.

Porque é que a fluidez ganhou a prioridade

A Google formalizou isto em 2021 com os Core Web Vitals, que medem explicitamente fluidez e capacidade de resposta — LCP (quanto tempo demora a pintar-se o conteúdo principal), INP (quanto tempo demora a página a reagir quando tocas nela) — como fatores diretos de posicionamento. Antes disso, muitos sites competiam quase só em quão bonita ou nítida ficava cada imagem. Depois, a competição real passou a ser outra: quem carrega mais rápido e quem não trava ao fazer scroll, porque é isso que a Google mede e o que de facto determina se alguém fica.

O que isto significa na prática para as tuas imagens

• Prioriza o peso acima da resolução máxima. Como vimos no artigo sobre o que o olho humano consegue distinguir, no ecrã pequeno de um telemóvel quase nunca é preciso a resolução mais alta possível — por isso aí tens margem para comprimir mais sem que se note, ganhando velocidade de carregamento real.
• Usa loading="lazy" em imagens fora do ecrã inicial. Não carregar o que o utilizador ainda não vê é a otimização de fluidez mais barata que existe — um atributo HTML, sem bibliotecas.
• WebP ou AVIF, quase sempre. Numa ligação móvel limitada, a poupança de 25-50% no peso que estes formatos dão face ao JPG (abordámos isto no guia de formatos) nota-se muito mais do que em fibra de computador, onde a largura de banda sobra.
• Evita o "salto" ao carregar. Declarar sempre width e heightem cada imagem deixa o navegador reservar o espaço antes de a imagem chegar, evitando esse reajuste brusco da página que se sente como lentidão mesmo que tecnicamente não o seja.

Não é que a qualidade já não importe

Importa, mas deixou de ser a variável que decide se alguém fica ou se vai embora — essa é a fluidez. Uma imagem um pouco menos nítida que carrega de imediato ganha, na experiência real do utilizador, a uma imagem perfeita que demora três segundos a aparecer. A boa notícia é que quase nunca é preciso escolher entre as duas coisas: com a compressão e o formato certos, consegue-se uma imagem que parece praticamente igual de boa e carrega muito mais depressa, sem esse sacrifício real que parecia inevitável há uma década.