Um dos fatores mais importantes na otimização de um site é a sua rapidez no momento de exibir as informações para o usuário, ou como chamamos, o seu tempo de carregamento (load time). Esse tempo está diretamente ligado ao peso (ou tamanho: 10kb, 50kb, etc.) de cada elemento (html, imagens, flash, javascript) usado na página. A soma de todos eles indica o seu peso total.
Muitas vezes, num site complexo, é fácil esquecer quantos elementos existem em cada página. Podem haver vários JS’s, imagens, flashs.. e com as atualizações e novas funcionalidades que vão sendo adicionadas, a página começa a ficar pesada demais e demora a ser carregada. E isso pode ser fatal: nada pior que um site ‘lerdo’.
Para fazer uma boa limpeza e otimizar seu código/conteúdo, o ideal é saber exatamente onde é possível melhorar o desempenho, ou seja, saber quais elementos demoram mais a ser carregados e assim definir quais podem ser otimizados ou até decartados.
Sabendo disso, imagine o quão útil esse relatório pode ser (usando como exemplo o site bluebus.com.br):
O relatório acima contém a lista completa de todos os elementos carregados pela página, seu peso e o tempo que levou o seu download. Também informa o peso total da página e o tempo total de download. Perfeito para iniciar um bom trabalho de otimização.
Gerando o relatório para o seu site
E é muito fácil obter um relatório assim para o seu site, são 3 passos (supondo que você já tenha o Firefox instalado):
1 – Instale o Firebug e reinicie o Firefox.
2 – Abra o Firebug pressionando F12 e Clique na aba “rede” (ou “net” se a sua versão for em inglês).
3 – Agora basta entrar no seu site normalmente, o relatório será gerado instantâneamente.
Pronto, fácil assim. Agora você pode estudar cada um dos componentes da página e otimizá-los para melhorar o desempenho do seu site. Uma dica: imagens e javascript são os vilões mais comuns.
Um comentário
Você poderia colocar uns adicionais sobre o firebug, o objetivo do programa, e a relação do uso para gerar o relatório descrito na postagem.