Para quem está sempre acompanhando e otimizando um site, o Firebug é um complemento essencial para o Firefox. Mas e o Google Chrome?
O Chrome até possui um Firebug, mas não funciona do mesmo jeito que o do Firefox. Se isso for motivo de decepção, saiba que nem tudo está perdido. O Google Chrome possui as Ferramentas do desenvolvedor que funciona quase do mesmo jeito. Até melhor!
Para a ativar as Ferramentas do desenvolvedor clique no menu Controle de página (ao lado do ícone de Ferramentas). Vá em Desenvolvedor – Ferramentas do desenvolvedor ou simplesmente combine as teclas Shift+Ctrl+I.
Feito isso, é aberta uma janela de controle logo abaixo da página. Nela você tem à disposição quase as mesmas funções do Firebug. Vamos falar aqui das mais importantes.
Elements
Nessa seção você encontra partes do código fonte da página. Clicando na lupa, que se encontra no rodapé, você pode selecionar um elemento na página e ver em qual parte do código ele está.
A seção Elements é essencial para as mudanças que às vezes fazemos no template do blog ou site quando não sabemos em qual parte do código está um elemento da página.
Resources
Essa função é importantíssima! Com ela é possível medir o tempo de carregamento de cada elemento contido na página. Imagem, JavaScript, CSS, HTML… tudo é medido.
Para usá-la deixe sempre marcado Only enable for this session – a outra pode atrapalhar na sua navegação – e clique no botão Enable resource tracking. Aguarde o carregamento da página e veja os resultados.
Audits
Esse é sensacional! Nele podemos saber o que está errado com os códigos do template. Ele ainda dá dicas de como consertar possíveis falhas que podem prejudicar o tempo de carregamento da página.
Para usá-la, deixe marcados Select all e Reload Page and Audit on Load e clique em Run. Aguarde o carregamento. Serão mostrados os problemas e o que se pode fazer para contorná-los (em inglês).
Conclusão
As Ferramentas do desenvolvedor podem ser de grande ajuda na hora de otimizar seu site ou blog. Eu mesmo o utilizo muito para o Dicas browser.
Recomendo seu uso, principalmente para a diminuição do tempo de carregamento da página. Esse é um fator importante na indexação e colocação nas buscas do Google. Portanto, pense nisso!
Não perca tempo e otimize o seu site!
Faça bom uso!
23 anos, técnico em informática, designer e compositor. Gosta muito da área de tecnologia e usuário Linux (Ubuntu e Fedora) sem ser um defensor ferrenho da plataforma. Apaixonado por browsers (navegadores) querendo saber de todas as suas funções e recursos disponíveis.
Marco Damaceno tem 638 artigos publicados no Dicas Browser.
