Transferir como KEY, PPTX
Carregado porDaniel Lopes
Frontend (RailsMG)
O documento discute 14 regras para otimizar o frontend para melhorar o desempenho da página, incluindo fazer menos requisições, usar CDN, cache otimizado, compactação, colocar CSS no topo e scripts no final. Ele também demonstra como implementar essas otimizações usando ferramentas como o Asset Packager no Ruby on Rails.
Frontend (RailsMG)
- 1.
- 2.
- 3. Otimizando Frontend Ruby on Rails apoio
- 12.
- 14.
- 15. 80% a 90% nofront-end
- 18. YSLOW PAGESPEED
- 20.
- 21. • Page Cache • Action Cache • Fragment Cache • Cache de consultas do AR • Memoize
- 22. • Page Cache • EN D Action Cache AC • K Fragment Cache B • • Cache de consultas do AR Memoize
- 23.
- 24. 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
- 25.
- 28.
- 29.
- 30.
- 31. RESOLVENDO 5ºCSS NO TOPO 6º SCRIPTS NO FINAL
- 32.
- 33. RESOLVENDO 3º CACHE OTIMIZADO 4º COMPACTAÇÃO
- 34.
- 35. RESOLVENDO 2º CDN • Amazon CloudFront • Akamai, LimeLight, Mirror Image, etc • SubDomínios ou outros Hosts
- 36.
- 37. RESOLVENDO 13ºE-TAGS
- 38.
- 39. 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
- 40. FALTARAM • REDUZA PESQUISASDNS Menos hosts e KeepAlive (default) • EVITE REDIRECIONAMENTOS • AJAX CACHE Max-age e cache-control URL GET com ID ou identifcador único
- 41.
- 42. CONSIDERAÇÕES • Exemplo com Jammit no meu github • Capistrano e Jammit • Capistrano com CDN • RackCache • AutoSprite
- 43. • twitter.com/danielvlopes • danielvlopes@areacriacoes.com.br •areacriacoes.com.br • cifrascash.com • pomodo.areacriacoes.com.br • github.com/danielvlopes • egenial.com.br/cursorails
- 44.