Quão Rápido Deve Ser o Site de um Café?

"Rápido" não é uma sensação, é uma medição, e o Google publica os limites. São três, e não precisa de ser técnico para perceber o que significam.

Os três números

Largest Contentful Paint: menos de 2,5 segundos. Quanto tempo demora a aparecer o maior elemento do ecrã. Na prática é quase sempre a imagem principal. Se demora quatro segundos, o visitante passa quatro segundos a olhar para uma página vazia.

Interaction to Next Paint: menos de 200 milissegundos. Quanto tempo a página demora a reagir quando alguém toca. Acima de um quinto de segundo, o toque parece avariado, as pessoas tocam outra vez, e muitas vezes isso piora tudo.

Cumulative Layout Shift: menos de 0,1. Quanto a página salta enquanto carrega. Toda a gente já tentou tocar num link e acertou noutra coisa que apareceu debaixo do dedo. Isso é layout shift, e numa página de menu significa tocar na secção errada.

Para onde vai o tempo nos sites pequenos

Na nossa experiência, três coisas explicam quase tudo.

Imagens que nunca foram redimensionadas. Uma fotografia tirada diretamente do telemóvel tem muitas vezes quatro mil píxeis de largura e vários megabytes. Mostrada num cartão de trezentos píxeis, são cem vezes mais dados do que o necessário. Redimensionar e converter para um formato moderno reduz o peso da página em oitenta por cento, sem mudar nada visualmente.

Tipos de letra que bloqueiam o primeiro ecrã. Uma fonte personalizada mal carregada faz o navegador esperar antes de desenhar qualquer texto. Configurar a fonte para trocar depois (mostrar primeiro uma fonte do sistema e depois mudar) custa um pequeno salto e poupa segundos.

Scripts que ninguém usa. Estatísticas, um chat, um feed social, uma ferramenta de cookies, um script de reservas. Cada um foi adicionado por uma razão e cada um custa tempo de carregamento. O chat a que ninguém responde e o feed com quatro gostos são puro imposto. Reveja-os uma vez por ano e apague o que não usa.

O que não torna um site lento

Ter um blog. Ter várias páginas. Usar um gestor de conteúdos. Vídeo, se não estiver em reprodução automática com resolução máxima no telemóvel.

Num site deste tamanho, a lentidão quase nunca é de arquitetura. É quase sempre de peso.

Medir com honestidade

Corra o PageSpeed Insights no seu telemóvel, com dados móveis, longe do wifi do café. A pontuação de laboratório é uma pista útil; os dados de campo no topo do relatório são o que os visitantes reais viveram.

Teste a página do menu, não a página inicial. A página inicial é a que costuma ver. O menu é o que os clientes veem.

O objetivo realista

Para um café ou restaurante, ter a imagem principal visível em menos de dois segundos num telemóvel médio com uma ligação móvel normal é possível sem engenharia especial. Basta, quase sempre, que alguém comprima as imagens e retire os scripts.

É esta a verdade pouco glamorosa sobre desempenho web a esta escala. Raramente é engenhoso. É sobretudo arrumação que ainda ninguém fez.

Veja como construímos sites rápidos na nossa página de criação de sites para cafés.