O site que mede a velocidade

A página inicial deste site diz quanto demorou a aparecer no seu navegador. Porque está lá, como é medido e o que há por trás desse número.

Pablo Jesús

Web designer e frontend developer

blog

, 3 min de leitura

Página inicial deste site: o título Webs con criterio e, em baixo à esquerda, a linha Esta página se mostró en 0,9 s en tu navegador

Na página inicial deste site, em baixo à esquerda, há uma linha pequena: “Esta página apareceu em 0,9 s no seu navegador”. O número muda a cada visita, porque é o navegador de quem entra que o mede.

Porque está lá

Para mim a velocidade é um indicador importante, e essa linha é ao mesmo tempo uma prova e uma promessa para quem está a pensar trabalhar comigo. Se o meu site carrega depressa, o seu também pode. E se o seu site atual demora muito a carregar, já sabemos onde está a primeira vitória.

Como é medido

Não é um número escrito à mão. Um pequeno script escuta o navegador e guarda o momento em que foi pintado o maior elemento do ecrã, o que a Google chama Largest Contentful Paint (LCP). Lê-o um instante depois de a página acabar de carregar e escreve-o na sua língua. Se o navegador não oferecer essa medição, usa o momento em que o documento ficou pronto.

O espaço da linha está reservado desde o início, por isso quando aparece não mexe em nada da página.

O que há por trás do número

Muitas otimizações pequenas em scripts, imagens e código. Parte da auditoria fi-la com a ajuda de ferramentas de inteligência artificial, que reviram o site página a página e propuseram melhorias que depois apliquei e medi. As mais importantes:

  • Fotografias em WebP e ao tamanho de cada ecrã. Só a página Sobre mim passou de 13 MB para 320 KB no computador.
  • Menos JavaScript: as animações de entrada funcionam sem scripts, há menos componentes interativos e saiu uma biblioteca de animação que já não fazia falta.
  • Tipos de letra alojados no próprio servidor, com o do título carregado antes do resto.

Medido com o Lighthouse em seis páginas do site, antes e depois dessas mudanças, em outubro de 2026:

Medida (média de seis páginas)AntesDepois
Desempenho no telemóvel7997
LCP no telemóvel8,61 s2,42 s
Peso total no computador3,8 MB239 KB

São dados de laboratório, medidos num ambiente controlado e não com visitas reais. Por isso gosto tanto da linha da página inicial: mostra a medição da sua visita, com a sua ligação e o seu dispositivo.

Quando sai um número alto

Às vezes a rede está lenta e a linha marca mais do que o normal. Não me preocupa: é uma exceção da ligação, e na visita seguinte o navegador já tem guardada boa parte do site e carrega mais depressa.

E nos sites de clientes?

Não o ponho por defeito. Só o usaria se um cliente o pedisse e servisse realmente os seus objetivos. Que um site carregue depressa importa a qualquer negócio; mostrar o número na página inicial, só a alguns.

Porque é que os meus estudos de caso só têm números com fonte conto-o em Números com fonte ou nenhum.