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.

1. apoio

2. Otimizando Frontend
apoio

3. Otimizando Frontend
Ruby on Rails
apoio

12. PERFORMANCE?!

14. 80% a 90%

15. 80% a 90%
no front-end

18. YSLOW PAGESPEED

20. Full-Stack Web
Framework

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. 14
regras para frontend
*22

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. DEMO

28. ASSET PACKAGER

29. ASSET PACKAGER

30. DEMO

31. RESOLVENDO
5º CSS NO TOPO
6º SCRIPTS NO FINAL

32. DEMO

33. RESOLVENDO
3º CACHE OTIMIZADO
4º COMPACTAÇÃO

34. DEMO

35. RESOLVENDO
2º CDN
• Amazon CloudFront
• Akamai, LimeLight, Mirror Image, etc
• SubDomínios ou outros Hosts

36. DEMO

37. RESOLVENDO
13º E-TAGS

38. DEMO

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 PESQUISAS DNS
Menos hosts e KeepAlive (default)
• EVITE REDIRECIONAMENTOS
• AJAX CACHE
Max-age e cache-control
URL GET com ID ou identifcador único

41. GRADE A

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. APOIO