• Like

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

LABjs e JQuery Templates

  • 1,497 views
Uploaded on

LABjs e JQuery Templates

LABjs e JQuery Templates

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,497
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
4
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Cleber Dantas @cleberdantashttp://www.cleberdantas.com
  • 2. Agenda• LABjs• JQuery Templates
  • 3. 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)
  • 4. 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
  • 5. Carregamento assíncrono de Scripts Com JQuery  $.getScript(@Url.Content("~/Scripts/math.js"))
  • 6. Demo
  • 7. LABjs Carregamento 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>
  • 8. Demo
  • 9. Ajax e JQuery Templates Otimização do trafego de dados entre servidor e cliente (navegador) Trafegar a menor quantidade possível de dados nas requisições jQuery e JSON (JavaScript Object Notation) torna isso muito fácil jQuery Templates (templates de HTML pré carregados nas páginas)
  • 10. Demo
  • 11. Links http://labjs.com/ http://api.jquery.com/category/plugins/templates/ http://tecnologia.minhavida.com.br http://www.cleberdantas.com