Onde estão os megabytes do seu site

Antes de comprimir tudo, descubra o que a página pede e para que serve. O ficheiro maior pode ser uma fotografia necessária ou um vídeo que ninguém pediu para ver.

Blog

Oito megabytes de quê? Uma balança com a página em cima, desfeita no que pesa: fotografias, um vídeo, um mapa, código e tipos de letra. O mostrador diz 8 MB com um ponto de interrogação: o total é uma hipótese, e a pergunta é para que serve cada parte. Código, tipos de letra Mapa Vídeo Alguém pediu para o ver? Fotografias 8 MB? Oito megabytes de quê? Uma lista de pedidos, e a função de cada um, antes de comprimir. Menos peso, a mesma utilidade.
Antes de comprimir tudo, transforme o total numa lista dos ficheiros e da função de cada um.

Quando alguém diz que um site pesa oito megabytes, falta uma parte da frase: que página, em que visita e depois de fazer o quê? O total pode incluir uma fotografia inicial, vídeos, um mapa ou imagens que só aparecem depois de percorrer a página. Oito megabytes é aqui uma hipótese de diagnóstico, não uma medição de um cliente.

O primeiro trabalho é transformar esse total numa lista de escolhas. Que ficheiros ajudam a pessoa a compreender a empresa? Quais são necessários para contactar? Quais estão a ser carregados sem uma função clara?

Peça uma lista, não apenas uma pontuação

O painel Network das ferramentas de desenvolvimento do Chrome permite inspecionar os pedidos de uma página, os seus tipos, tamanhos e tempos. A documentação do Chrome explica também como limpar a cache e recarregar para observar uma primeira visita.

Para comparar duas versões, mantenha as condições: mesma página, janela, rede de teste e sequência de ações. Registe a abertura e, à parte, o que acontece ao percorrer a página ou abrir um mapa. Uma captura feita sem essas ações não descreve todo o percurso.

Peça ao responsável técnico uma lista dos maiores pedidos e a sua função. O objetivo desta inspeção é perceber os ficheiros transferidos. Não substitui uma avaliação completa da rapidez ou da resposta aos toques, que também dependem de trabalho feito pelo navegador.

O total precisa de contextoPágina e primeira visita / Registar as condições do teste; Percurso e interações / Abrir os elementos necessários; Pedidos e funções / Relacionar cada ficheiro com a sua funçãoO total precisa de contextoPágina e primeira visitaRegistar as condições do testePercurso e interaçõesAbrir os elementos necessáriosPedidos e funçõesRelacionar cada ficheiro com a sua função
Compare o mesmo percurso nas mesmas condições.

Nas fotografias, confirme o tamanho de entrega

Uma fotografia pode estar bem escolhida e mal preparada para a página. Guarde o original no arquivo de trabalho; a versão publicada deve corresponder ao espaço onde será mostrada e à qualidade necessária. Antes de reduzir a qualidade, confirme se está a enviar dimensões desnecessárias.

A documentação sobre imagens adaptáveis explica como oferecer vários tamanhos ao navegador. Isso permite escolher entre versões conforme as condições de apresentação. A existência dessas versões deve ser confirmada no ficheiro que o navegador realmente recebe, não apenas numa opção marcada no editor.

Compare o resultado em telemóvel e num ecrã maior. Verifique texto dentro de imagens, arestas, recortes e detalhes relevantes do trabalho mostrado. Um ficheiro menor que deixa a fotografia imprópria para o seu propósito não conclui a tarefa.

Uma imagem, várias entregasOriginal guardado / Preservar a fotografia de trabalho; Versões para o site / Preparar dimensões adequadas; Resultado observado / Confirmar ficheiro, recorte e detalheUma imagem, várias entregasOriginal guardadoPreservar a fotografia de trabalhoVersões para o sitePreparar dimensões adequadasResultado observadoConfirmar ficheiro, recorte e detalhe
O tamanho transferido e a qualidade visível precisam de ser verificados.

Nos vídeos e serviços externos, decida quando são necessários

Uma apresentação em vídeo, um mapa e uma reserva online cumprem funções diferentes. Reveja cada um com uma pergunta: é necessário descarregar isto antes de a pessoa o escolher? Em alguns casos, uma imagem inicial com um botão permite adiar esse trabalho até existir interesse.

Essa decisão precisa de um teste de utilização. Um mapa adiado continua a precisar de uma morada legível. Uma reserva precisa de um caminho claro e de uma alternativa se o serviço falhar. Reduzir pedidos não deve retirar o que a pessoa veio fazer.

Não apague código pelo nome do ficheiro

Um pedido de código ou de um tipo de letra pode servir várias páginas e interações. Identifique o que depende dele antes de o remover. Peça que a alteração seja feita numa cópia de revisão, com possibilidade de recuperar a versão anterior.

Depois, percorra os controlos que importam: navegação, idioma, formulários, marcações e ligações de contacto. Abra também uma página interior. A página inicial pode parecer intacta enquanto uma funcionalidade noutra página deixa de funcionar.

O que prova a melhoriaAntes da alteração / Guardar pedidos e percurso de referência; Depois da alteração / Repetir nas mesmas condições; Utilidade preservada / Ler, escolher e contactarO que prova a melhoriaAntes da alteraçãoGuardar pedidos e percurso de referênciaDepois da alteraçãoRepetir nas mesmas condiçõesUtilidade preservadaLer, escolher e contactar
Menos ficheiros só conclui o trabalho se o percurso continuar a funcionar.

Feche a alteração com duas provas

A primeira prova é a comparação dos pedidos nas mesmas condições: o que deixou de carregar, o que ficou menor e o que continua necessário. A segunda é o percurso da pessoa: ler, escolher e contactar sem uma avaria nova.

Não converta automaticamente a redução em percentagens de vendas ou posições no Google. Este trabalho verifica uma mudança técnica e o seu funcionamento. Para a experiência numa primeira visita, veja também o site no telemóvel de um cliente. Se precisa de identificar o que pesa no seu, fale connosco.

Documentação consultada em 20 de setembro de 2026. Não foram efetuadas medições de desempenho de um cliente para este artigo.

Fale connosco

Quer saber o que faríamos com o seu site?