1. Jacob Hansson Optimerad Javascript

4. Optimerad Javascript

5. vs Faktisk hastighet uppfattad hastighet

6. och nätverkstid körtid

7. 1. 2. 3. 4. Trimma nätverkstid Trimma körtid Automatisera (10 min) (10 min) (5 min) Mäta hastighet (5 min)

8. 1. Mäta hastighet

9. 1. Mäta hastighet Firebug

10. 1. Mäta hastighet Firebug

11. 1. Mäta hastighet Speed Tracer

12. 1. 2. 3. 4. Trimma nätverkstid Trimma körtid Automatisera (10 min) (10 min) (5 min) Mäta hastighet (5 min)

13. 2. Trimma nätverkstid Minska datamängden Färre requests Hämta i bakgrunden

14. 2. Trimma nätverkstid function add (first, second) { var localVar = 12; return first + second; }

15. 2. Trimma nätverkstid function add (first, second) { var localVar = 12; return first + second; } function add (a,b){ return a+b;} minification:

16. 2. Trimma nätverkstid function add (first, second) { var localVar = 12; return eval (first); }

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:

18. 2. Trimma nätverkstid function add (first,second){ var lo calVar=12; return eval (first);} function add (a,b){ return a+b;}

19. 2. Trimma nätverkstid Samla AJAX-anrop

20. 2. Trimma nätverkstid Code-splitting

21. 2. Trimma nätverkstid load ( “my.code” ,function() { my.code. foo (); });

22. 1. 2. 3. 4. Trimma nätverkstid Trimma körtid Automatisera (10 min) (10 min) (5 min) Mäta hastighet (5 min)

23. 3. Trimma körtid UI-tråden Snabbare DOM

24. 3. Trimma körtid 50 ms

25. 3. Trimma körtid JS -> DOM

26. 3. Trimma körtid JS -> DOM

27. 3. Trimma körtid var ul = $ ( &quot;<ul></ul>&quot; ); $ ( &quot;#mydiv&quot; ). append (ul); while ( count-- ) { ul. append ( &quot;<li></li>&quot; ); }

28. 3. Trimma körtid var ul = $ ( &quot;<ul></ul>&quot; ); while ( count-- ) { ul. append ( &quot;<li></li>&quot; ); } $ ( &quot;#mydiv&quot; ). append (ul);

29. 1. 2. 3. 4. Trimma nätverkstid Trimma körtid Automatisera (10 min) (10 min) (5 min) Mäta hastighet (5 min)

30. 4. Automatisera Build-tools

31. 4. Automatisera QUnit och JSLitmus

32. 4. Automatisera Testa i alla webbläsare

33. @jakewins [email_address]