frontend (rails for kids)

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