O YSlow é uma extensão para o Firefox criada pelo Yahoo!, que funciona integrada ao Firebug. A extensão realiza a análise do site que você está navegando, informando o que está causando lentidão e o porquê. A análise é realizada com base nas 13 regras criadas pelo Yahoo para melhorar o desempenho de um site (Thirteen Simple Rules for Speeding Up Your Web Site):

1. Make Fewer HTTP Requests
2. Use a Content Delivery Network
3. Add an Expires Header
4. Gzip Components
5. Put CSS at the Top
6. Move Scripts to the Bottom
7. Avoid CSS Expressions
8. Make JavaScript and CSS External
9. Reduce DNS Lookups
10. Minify JavaScript
11. Avoid Redirects
12. Remove Duplicate Scripts
13. Configure ETags

Primeiro você precisa instalar o Firebug (caso ainda não possua) e em seguida instalar o YSlow. Para realizar a análise basta acessar o site desejado e clicar no botão com a imagem de um velocimento, localizado na barra de status do Firefox.

Após a análise o YSlow apresenta o resultado dividido em abas:

• Performance: é apresentado um nota para cada regra analisada, se houver necessidades de melhoria é apresenta uma lista de mudança a serem feitas.

• State: exibe tamanho da página a ser carrega se o cache do browser estiver vazio (Empty Cache), o tamanho da página se a mesma estiver no cache do browser (Full Cache) e informações sobre cookies.

• Components: é listado todos os componentes da página, incluindo seu tipo, URL, data de expiração, status de compressão (gzip), tempo de carga, tamanho e ETag.

O YSlow também possui algumas outras pequenas ferramentas:

• JSLint: quem tem como função encontrar problemas nos javascripts da página.
• All JS: exibe todo o código javascript existente na página.
• All CSS: exibe todo o código CSS existente na página.
• Printable View: exibe os resultados em formato de impressão.

Esta excelente ferramena pode auxiliar muito na melhora de desempenho de seu site, basta apenas dedicar um pouco de tempo para analisar os resultados e implementar as melhorias sugeridas.

1 Comment so far

1. domelhor.net on Agosto 9, 2007 10:16 pm

   Turbinando seu site com Firefox e YSlow

   Veja como descobrir o que está causando lentidão em seu site e quais melhorias devem ser implementadas.