Frontend (RailsMG)

1,370 views

Published on

Palestra sobre otimização de frontend apresentada para o grupo railsmg no dia 26/1/2010.

Veja o vídeo em: http://vimeo.com/groups/railsmg/videos/9010703

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,370
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
29
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • Frontend (RailsMG)

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

    ×