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