Turbinando seu site com Firefox e YSlow

velocimetro.jpgO 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.

slow5.jpg

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.

YSlow Performance

  • 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.

YSlow State

  • 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.

YSlow Components

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.

YSlow Tools

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.



Últimos tweets

    Artigos similares

    1 Comentário para “Turbinando seu site com Firefox e YSlow”

      Deixe uma resposta