Frontend (Rails For Kids)

1,429 views

Published on

Entenda porque 90% das aplicações os ajustes de performance deveriam primeiro serem feitos no front-end. Entenda que ajustes simples como requisições compactadas com GZip e expiração futura para cache podem ajudar sua App Rails. E descubra como os recursos do Rails ajudam estes mecanismos a funcionar.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,429
On SlideShare
0
From Embeds
0
Number of Embeds
217
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Frontend (Rails For Kids)

  1. 3. <ul><li>e-Genial </li></ul><ul><li>Cursos de Rails </li></ul><ul><li>Cursos de Flex </li></ul><ul><li>130 alunos </li></ul><ul><li>Comunidade </li></ul><ul><li>RailsGuides </li></ul><ul><li>github.com/danielvlopes </li></ul><ul><li>blog.areacriacoes.com.br </li></ul>
  2. 4. PERFORMANCE?!
  3. 6. 80% a 90% do tempo é gasto no front-end.
  4. 7. STEVE SOUDERS
  5. 8. <ul><li>FAÇA MENOS REQUISIÇÕES </li></ul><ul><li>REDE DE DISTRIBUIÇÃO DE CONTEÚDO (CDN) </li></ul><ul><li>CACHE OTIMIZADO </li></ul><ul><li>COMPACTAÇÃO </li></ul><ul><li>CSS NO TOPO </li></ul><ul><li>SCRIPTS NO FINAL </li></ul><ul><li>EVITE EXPRESSÕES CSS </li></ul><ul><li>CSS E JS EXTERNOS </li></ul><ul><li>REDUZA PESQUISAS DNS </li></ul><ul><li>MINIZE JAVASCRIPT </li></ul><ul><li>EVITE REDIRECIONAMENTOS </li></ul><ul><li>REMOVA SCRIPTS DUPLICADOS </li></ul><ul><li>CONFIGURE E-TAGS </li></ul><ul><li>AJAX CACHE </li></ul>
  6. 9. FERRAMENTAS ESSÊNCIAIS YSLOW PAGESPEED
  7. 10. RUBY ON RAILS Full-Stack Web Framework =
  8. 11. RAILS – OTIMIZAÇÃO BUILTIN <ul><li>Page Cache </li></ul><ul><li>Action Cache </li></ul><ul><li>Fragment Cache </li></ul><ul><li>Global Cache </li></ul><ul><li>Cache de consultas Active Record </li></ul><ul><li>Memoize </li></ul>BACKEND !!!!
  9. 12. VAMOS ATACAR O FRONTEND
  10. 13. <ul><li>FAÇA MENOS REQUISIÇÕES </li></ul><ul><ul><li>Css sprites http://blog.areacriacoes.com.br/2008/5/21/menu-em-xhtml-com-css-sprite </li></ul></ul><ul><ul><li>Unificar JS e CSS </li></ul></ul><ul><li>CSS e JS EXTERNOS </li></ul><ul><li>MINIMIZE JS E CSS </li></ul><ul><li>REMOVA SCRIPTS DUPLICADOS </li></ul>Resolvendo
  11. 14. Default nem sempre é a melhor opção Resolvendo ASSET PACKAGER
  12. 15. <ul><li>CSS NO TOPO </li></ul><ul><li>SCRIPTS NO FINAL </li></ul>Resolvendo
  13. 16. <ul><li>CACHE OTIMIZADO </li></ul><ul><li>COMPACTAÇÃO </li></ul>Resolvendo
  14. 17. <ul><li>CDN </li></ul><ul><ul><li>Amazon CloudFront </li></ul></ul><ul><ul><li>Akamai, LimeLight, Mirror Image, etc </li></ul></ul><ul><ul><li>SubDomínios ou outros Hosts </li></ul></ul>Resolvendo
  15. 18. <ul><li>E-TAGS </li></ul>Resolvendo
  16. 19. <ul><li>FAÇA MENOS REQUISIÇÕES </li></ul><ul><li>REDE DE DISTRIBUIÇÃO DE CONTEÚDO (CDN) </li></ul><ul><li>CACHE OTIMIZADO </li></ul><ul><li>COMPACTAÇÃO </li></ul><ul><li>CSS NO TOPO </li></ul><ul><li>SCRIPTS NO FINAL </li></ul><ul><li>EVITE EXPRESSÕES CSS </li></ul><ul><li>CSS E JS EXTERNOS </li></ul><ul><li>REDUZA PESQUISAS DNS </li></ul><ul><li>MINIZE JAVASCRIPT </li></ul><ul><li>EVITE REDIRECIONAMENTOS </li></ul><ul><li>REMOVA SCRIPTS DUPLICADOS </li></ul><ul><li>CONFIGURE E-TAGS </li></ul><ul><li>AJAX CACHE </li></ul>
  17. 20. <ul><li>REDUZA PESQUISAS DNS </li></ul><ul><ul><li>Menos hosts e KeepAlive (default) </li></ul></ul><ul><li>EVITE REDIRECIONAMENTOS </li></ul><ul><li>AJAX CACHE </li></ul><ul><ul><li>Max-age e cache-control </li></ul></ul><ul><ul><li>URL GET com ID ou identifcador único </li></ul></ul>
  18. 21. GRADE A
  19. 22. MUITO OBRIGADO

×