Firebug é uma ferramenta que uso a bastante tempo, e acho uma das ferramentas indispensáveis para quem trabalha com aplicações WEB independente da plataforma de desenvolvimento, pois para o firebug, o que importa é o front-end, ele atualmente é uma extensão do Firefox, no entanto existe uma forma de utilizá-lo no IE, Opera e Safari seguindo os seguintes estes procedimentos.

Já o YSlow é uma ferramenta que se incorpora ao firebug, e é exclusivo para testes de tempo-resposta de aplicações WEB, no Firefox, depois de instalado, eles ficam no rodapé direito de seu browser…o inseto é o firebug, e o cronômetro o YSlow, como na imagem abaixo.

Clicando nesse inseto (firebug), uma série de funcionalidades lhe é disponibilizada, não vou aborda todas aqui pois não é o caso, afinal a ferramenta é bem intuitiva e sua usabilidade é ótima.

A dica que quero deixar aqui, é a aba ‘Rede’, nesta aba o firebug realiza uma medição do tempo-resposta das imagens/java-script/css que compõem sua aplicação, e exibe-os como imagem abaixo.

Isto é muito bom para identificar gargalos, que foram introduzidos na aplicação, por engano ou até mesmo propositalmente, mas que acabaram esquecidos.

Certa vez, no deploy de uma aplicação, encontrei 5 CSS´s (Cascading Style Sheets) na aplicação, sem contar os inúmeros scripts do jquery, que poderiam ser otimizados e alguns deles retirados.

Já o YSlow é ainda mais legal no ponto de vista dos testes de performance, ele segue uma série de regras com o parâmetros para analisar os resultados de dos testes, veja imagem abaixo.

A análise acima é daqui do zezologs.org, já ouviram o ditado que diz “casa de ferreiro, espeto de pau” pois é segundo o YSlow recebi nota “D”, isso não é bem uma novidade, pois já havia identificado isso a um certo tempo, apenas não tive muito tempo para resolver, até porque com o todo site que utiliza o wordpress, precisa de plugins, e resolver este problema é bem mais trabalhoso que imaginamos, pois teria que ir de plugin em plugin melhorando o código, e isso, é fora de cogitação…seria bom que todos que aqueles que escrevem plugins para o Wordpresse seguissem a risca o que Mark fala neste post “How to write a solid and stable WordPress plugin“, mas enfim, prosseguindo…

Na próxima tela ele faz um comparativo com o cache vazio e cheio

E na última, lista os componentes que compões sua aplicação.

E isso ai, fica ai a dica .

comentários

leia mais...

• 14 Regras Básicas Para Aplicações WEB
• Estimando Esforço de Automação
• Testes Unitários Dicas Iniciais
• Dicas JMeter: ‘Once Only Controller’