e-Genial Cursos de Rails Cursos de Flex 130 alunos Comunidade RailsGuides github.com/danielvlopes blog.areacriacoes.com.br

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 SOUDERS

FAÇA MENOS REQUISIÇÕES REDE DE DISTRIBUIÇÃO DE CONTEÚDO (CDN) CACHE OTIMIZADO COMPACTAÇÃO CSS NO TOPO SCRIPTS NO FINAL EVITE EXPRESSÕES CSS CSS E JS EXTERNOS REDUZA PESQUISAS DNS MINIZE JAVASCRIPT EVITE REDIRECIONAMENTOS REMOVA SCRIPTS DUPLICADOS CONFIGURE E-TAGS AJAX CACHE

FAÇA MENOS REQUISIÇÕES

REDE DE DISTRIBUIÇÃO DE CONTEÚDO (CDN)

CACHE OTIMIZADO

COMPACTAÇÃO

CSS NO TOPO

SCRIPTS NO FINAL

EVITE EXPRESSÕES CSS

CSS E JS EXTERNOS

REDUZA PESQUISAS DNS

MINIZE JAVASCRIPT

EVITE REDIRECIONAMENTOS

REMOVA SCRIPTS DUPLICADOS

CONFIGURE E-TAGS

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 !!!!

Page Cache

Action Cache

Fragment Cache

Global Cache

Cache de consultas Active Record

Memoize

VAMOS ATACAR O FRONTEND

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 CSS e JS EXTERNOS MINIMIZE JS E CSS REMOVA SCRIPTS DUPLICADOS Resolvendo

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

CSS e JS EXTERNOS

MINIMIZE JS E CSS

REMOVA SCRIPTS DUPLICADOS

Default nem sempre é a melhor opção Resolvendo ASSET PACKAGER

CSS NO TOPO SCRIPTS NO FINAL Resolvendo

CSS NO TOPO

SCRIPTS NO FINAL

CACHE OTIMIZADO COMPACTAÇÃO Resolvendo

CACHE OTIMIZADO

COMPACTAÇÃO

CDN Amazon CloudFront Akamai, LimeLight, Mirror Image, etc SubDomínios ou outros Hosts Resolvendo

CDN

Amazon CloudFront

Akamai, LimeLight, Mirror Image, etc

SubDomínios ou outros Hosts

E-TAGS Resolvendo

E-TAGS

FAÇA MENOS REQUISIÇÕES REDE DE DISTRIBUIÇÃO DE CONTEÚDO (CDN) CACHE OTIMIZADO COMPACTAÇÃO CSS NO TOPO SCRIPTS NO FINAL EVITE EXPRESSÕES CSS CSS E JS EXTERNOS REDUZA PESQUISAS DNS MINIZE JAVASCRIPT EVITE REDIRECIONAMENTOS REMOVA SCRIPTS DUPLICADOS CONFIGURE E-TAGS AJAX CACHE

FAÇA MENOS REQUISIÇÕES

REDE DE DISTRIBUIÇÃO DE CONTEÚDO (CDN)

CACHE OTIMIZADO

COMPACTAÇÃO

CSS NO TOPO

SCRIPTS NO FINAL

EVITE EXPRESSÕES CSS

CSS E JS EXTERNOS

REDUZA PESQUISAS DNS

MINIZE JAVASCRIPT

EVITE REDIRECIONAMENTOS

REMOVA SCRIPTS DUPLICADOS

CONFIGURE E-TAGS

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

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