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.

Like this presentation? Why not share!

Like this? Share it with your network

Share

LABjs e JQuery Templates

on

  • 1,867 views

LABjs e JQuery Templates

LABjs e JQuery Templates

Statistics

Views

Total Views
1,867
Views on SlideShare
1,168
Embed Views
699

Actions

Likes
0
Downloads
4
Comments
0

4 Embeds 699

http://www.cleberdantas.com 694
http://lanyrd.com 2
http://reader.aol.com 2
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

LABjs e JQuery Templates Presentation 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