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

Transcript

1. Otimizando Frontend Ruby on Rails apoio
2. PERFORMANCE?!
4. 80% a 90% no front-end
6. YSLOW PAGESPEED
7. Full-Stack Web Framework
8. • Page Cache • Action Cache • Fragment Cache • Cache de consultas do AR • Memoize BACKEND
9. 14 regras para frontend *22
10. 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
12. ASSET PACKAGER
14. RESOLVENDO 5º CSS NO TOPO 6º SCRIPTS NO FINAL
16. RESOLVENDO 3º CACHE OTIMIZADO 4º COMPACTAÇÃO
18. RESOLVENDO 2º CDN • Amazon CloudFront • Akamai, LimeLight, Mirror Image, etc • SubDomínios ou outros Hosts
20. RESOLVENDO 13º E-TAGS
22. 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
23. 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
24. GRADE A
25. CONSIDERAÇÕES • Exemplo com Jammit no meu github • Capistrano e Jammit • Capistrano com CDN • RackCache • AutoSprite
26. • twitter.com/danielvlopes • danielvlopes@areacriacoes.com.br • areacriacoes.com.br • cifrascash.com • pomodo.areacriacoes.com.br • github.com/danielvlopes • egenial.com.br/cursorails
27. APOIO