OPTIMERA STHLM! Jacob Hansson

578 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
578
On SlideShare
0
From Embeds
0
Number of Embeds
37
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

OPTIMERA STHLM! Jacob Hansson

  1. 1. Jacob Hansson Optimerad Javascript
  2. 4. Optimerad Javascript
  3. 5. vs Faktisk hastighet uppfattad hastighet
  4. 6. och nätverkstid körtid
  5. 7. 1. 2. 3. 4. Trimma nätverkstid Trimma körtid Automatisera (10 min) (10 min) (5 min) Mäta hastighet (5 min)
  6. 8. 1. Mäta hastighet
  7. 9. 1. Mäta hastighet Firebug
  8. 10. 1. Mäta hastighet Firebug
  9. 11. 1. Mäta hastighet Speed Tracer
  10. 12. 1. 2. 3. 4. Trimma nätverkstid Trimma körtid Automatisera (10 min) (10 min) (5 min) Mäta hastighet (5 min)
  11. 13. 2. Trimma nätverkstid Minska datamängden Färre requests Hämta i bakgrunden
  12. 14. 2. Trimma nätverkstid function add (first, second) { var localVar = 12; return first + second; }
  13. 15. 2. Trimma nätverkstid function add (first, second) { var localVar = 12; return first + second; } function add (a,b){ return a+b;} minification:
  14. 16. 2. Trimma nätverkstid function add (first, second) { var localVar = 12; return eval (first); }
  15. 17. 2. Trimma nätverkstid function add (first, second) { var localVar = 12; return eval (first); } function add (first,second){ var lo calVar=12; return eval (first);} minification:
  16. 18. 2. Trimma nätverkstid function add (first,second){ var lo calVar=12; return eval (first);} function add (a,b){ return a+b;}
  17. 19. 2. Trimma nätverkstid Samla AJAX-anrop
  18. 20. 2. Trimma nätverkstid Code-splitting
  19. 21. 2. Trimma nätverkstid load ( “my.code” ,function() { my.code. foo (); });
  20. 22. 1. 2. 3. 4. Trimma nätverkstid Trimma körtid Automatisera (10 min) (10 min) (5 min) Mäta hastighet (5 min)
  21. 23. 3. Trimma körtid UI-tråden Snabbare DOM
  22. 24. 3. Trimma körtid 50 ms
  23. 25. 3. Trimma körtid JS -> DOM
  24. 26. 3. Trimma körtid JS -> DOM
  25. 27. 3. Trimma körtid var ul = $ ( &quot;<ul></ul>&quot; ); $ ( &quot;#mydiv&quot; ). append (ul); while ( count-- ) { ul. append ( &quot;<li></li>&quot; ); }
  26. 28. 3. Trimma körtid var ul = $ ( &quot;<ul></ul>&quot; ); while ( count-- ) { ul. append ( &quot;<li></li>&quot; ); } $ ( &quot;#mydiv&quot; ). append (ul);
  27. 29. 1. 2. 3. 4. Trimma nätverkstid Trimma körtid Automatisera (10 min) (10 min) (5 min) Mäta hastighet (5 min)
  28. 30. 4. Automatisera Build-tools
  29. 31. 4. Automatisera QUnit och JSLitmus
  30. 32. 4. Automatisera Testa i alla webbläsare
  31. 33. @jakewins [email_address]

×