LABjs e JQuery TemplatesCleber Dantas

@cleberdantashttp://www.cleberdantas.com

Agenda• LABjs• JQuery Templates

Front-End Steve Sounders – “80% dos problemas de performance de

aplicações Web estão no Front-end” YSlow – Extensão do Firefox para análise de performance nas

páginas – baseado nas 14 regras do livro High Performance Web Sites (existem outros templates)

Front-End Regra 1: Minimize HTTP Requests Regra 2: Use CDN´s (Content Delivery Network) Regra 3: Use “Expires Header“ Regra 4: Utilize Gzip Regra 5: Mova CSS para o topo Regra 6: Mova scripts para baixo Regra 7: Evite expressões em CSS Regra 8: ‘Inlined’ JavaScript e CSS Regra 9: Minimize Domínios Regra 10: Minimize JavaScript Regra 11: Evite Redirecionamentos Regra 12: Remova Scritps Duplicados Regra 13: Desabilite ETags Regra 14: Cache AJAX

Carregamento assíncrono de ScriptsCom JQuery

$.getScript('@Url.Content("~/Scripts/math.js")')

Demo

LABjsCarregamento assíncrono de scripts elegante~5KB<script> $LAB .script("framework.js").wait() .script("plugin.framework.js") .script("myplugin.framework.js").wait() .script("init.js").wait();</script>

Demo

Ajax e JQuery TemplatesOtimização do trafego de dados entre

servidor e cliente (navegador)Trafegar a menor quantidade possível de

dados nas requisiçõesjQuery e JSON (JavaScript Object Notation)

torna isso muito fáciljQuery Templates (templates de HTML pré

carregados nas páginas)

Demo

Linkshttp://labjs.com/http://api.jquery.com/category/plugins/

templates/http://tecnologia.minhavida.com.brhttp://www.cleberdantas.com