Links sobre otimização de performance (WPO)

gistfile1.md

Boas infos / Introdução:

• Yahoo Performance Rules
  • Um dos primeiros sites a divulgar esse tipo de info e provavelmente o mais famoso.
• Google Web Performance Best Practices
  • Similar ao Yahoo Perf Rules.
• Sitepoint web site optimization steps
  • Similar ao yahoo mas entra em mais detalhes sobre implementação.
• Performance Calendar
  • Muitos artigos interessantes e variados.

Blogs:

• Steve Souders
• Stoyan Stefanov
• Tony Gentilcore

Ferramentas para medir performance:

• Chrome dev tools audit
  • integrado no chrome e muito bom.
• YSlow
  • extensão para o firebug e também pro chrome.
• dynaTrace AJAX Edition
  • muito completo e inclui mais detalhes do que apenas downloads (windows).
• HttpWatch
• Charles Proxy
  • útil para simular conexão lenta.
• WebPageTest
  • screenshots da renderização do site + waterfall.

Ferramentas para melhorar performance:

• HTML5 boilerplate server configs
  • Configuração do servidor aumenta muito a performance.
• Image Optim
  • Reduz tamanho das imagens sem perder qualidade. (mac)
  • Ele é apenas GUI para outras ferramentas que rodam em outros sistemas operacionais (PNGCrush, OptiPNG, PNGOUT, jpegtran, Jpegoptim).
• SpriteMe
  • Cria CSS sprites automaticamente. Existem várias outras ferramentas parecidas.
• Closure Compiler
  • Comprimir JavaScript
• YUI Compressor
  • Comprimir CSS.

Livros:

• High Performance Web Sites
  • A "bíblia" sobre o assunto, basicamente as regras do Yahoo mas com mais detalhes.
• Even Faster Web Sites
  • Mais avançado do que o High Performance Web Sites, abrange tópicos que não estavam presentes nas 13 primeiras regras do Yahoo, como JS e otimização de images.
• High Performance JavaScript
  • Técnicas sobre como melhorar a performance do JavaScript.
• Web Performance Daybook