Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Frontend Performance

Frontend Performance

Apresentação feita no grupo RailsMG em 2009. O vídeo completo pode ser visto aqui: http://vimeo.com/groups/railsmg/videos/9010703

danielvlopes

May 01, 2009
Tweet

More Decks by danielvlopes

Other Decks in Programming

Transcript

  1. • Page Cache • Action Cache • Fragment Cache •

    Cache de consultas do AR • Memoize BACKEND
  2. RESOLVENDO 1º FAÇA MENOS REQUISIÇÕES Css sprites http://urele.com/yj6 Unificar JS

    e CSS 8º CSS e JS EXTERNOS 10º MINIMIZE JS E CSS 12º REMOVA SCRIPTS DUPLICADOS
  3. O QUE FIZEMOS ? 1. FAÇA MENOS REQUISIÇÕES 2. REDE

    DE DISTRIBUIÇÃO DE CONTEÚDO (CDN) 3. CACHE OTIMIZADO 4. COMPACTAÇÃO 5. CSS NO TOPO 6. SCRIPTS NO FINAL 7. EVITE EXPRESSÕES CSS 8. CSS E JS EXTERNOS 9. REDUZA PESQUISAS DNS 10. MINIZE JAVASCRIPT 11. EVITE REDIRECIONAMENTOS 12. REMOVA SCRIPTS DUPLICADOS 13. CONFIGURE E-TAGS 14. AJAX CACHE
  4. FALTARAM • REDUZA PESQUISAS DNS Menos hosts e KeepAlive (default)

    • EVITE REDIRECIONAMENTOS • AJAX CACHE Max-age e cache-control URL GET com ID ou identifcador único
  5. CONSIDERAÇÕES • Exemplo com Jammit no meu github • Capistrano

    e Jammit • Capistrano com CDN • RackCache • AutoSprite