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!

LABjs e JQuery Templates

on

  • 1,836 views

LABjs e JQuery Templates

LABjs e JQuery Templates

Statistics

Views

Total Views
1,836
Views on SlideShare
1,149
Embed Views
687

Actions

Likes
0
Downloads
4
Comments
0

4 Embeds 687

http://www.cleberdantas.com 682
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 LABjs e JQuery Templates Presentation Transcript

  • Cleber 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 Scripts Com JQuery  $.getScript(@Url.Content("~/Scripts/math.js"))
  • Demo
  • 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>
  • Demo
  • 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)
  • Demo
  • Links http://labjs.com/ http://api.jquery.com/category/plugins/templates/ http://tecnologia.minhavida.com.br http://www.cleberdantas.com