Memory optimizations for your JS app to increase performance

This talk will discuss how we can scale heavy JS applications without them becoming non-performant. With increasing capabilities of modern web browsers, different frameworks allow developers to do more with less amount of code. This however, may lead to situations in which the code written is not very efficient and may lead to performance bottlenecks upon scaling. The audience can expect to understand the workings of various JS engines and understand how optimized code can significantly improve performance.

Transcript

1. Optimizing JS Apps to increase performance @mananbharara Saturday, November 16, 13
2. Optimizing JS Apps to increase performance @mananbharara Saturday, November 16, 13
3. Why? “Whereas early web sites used JavaScript to perform simple tasks, the language is now used to run the entire user interface in many places.” “The best way to ensure a fast, enjoyable user interface is to write JavaScript as efficiently as possible for all browsers.” - Even faster websites, O’Reilly Saturday, November 16, 13
4. Why? “Whereas early web sites used JavaScript to perform simple tasks, the language is now used to run the entire user interface in many places.” “The best way to ensure a fast, enjoyable user interface is to write JavaScript as efficiently as possible for all browsers.” - Even faster websites, O’Reilly Saturday, November 16, 13
5. Why? “Whereas early web sites used JavaScript to perform simple tasks, the language is now used to run the entire user interface in many places.” “The best way to ensure a fast, enjoyable user interface is to write JavaScript as efficiently as possible for all browsers.” - Even faster websites, O’Reilly Saturday, November 16, 13
6. Why? Saturday, November 16, 13
7. Why? Saturday, November 16, 13
8. Misconceptions Saturday, November 16, 13
9. Misconceptions Saturday, November 16, 13
10. Misconceptions Saturday, November 16, 13
11. Misconceptions Saturday, November 16, 13
12. Misconceptions Saturday, November 16, 13
13. Garbage Collection Saturday, November 16, 13
14. Garbage Collection http://coding.smashingmagazine.com Saturday, November 16, 13
15. Garbage Collection “Only if something does not have a retaining path to the root node, it is garbage” - Google I/O 2013 - A Trip Down Memory Lane with Gmail Saturday, November 16, 13
16. Garbage Collection “Only if something does not have a retaining path to the root node, it is garbage” root object Node scalar Node - Google I/O 2013 - A Trip Down Memory Lane with Gmail Saturday, November 16, 13
17. Garbage Collection “Only if something does not have a retaining path to the root node, it is garbage” root object Node scalar Node - Google I/O 2013 - A Trip Down Memory Lane with Gmail Saturday, November 16, 13
18. Garbage Collection “Only if something does not have a retaining path to the root node, it is garbage” root object Node scalar Node - Google I/O 2013 - A Trip Down Memory Lane with Gmail Saturday, November 16, 13
19. Garbage Collection “Only if something does not have a retaining path to the root node, it is garbage” root object Node scalar Node {...} - Google I/O 2013 - A Trip Down Memory Lane with Gmail Saturday, November 16, 13
20. Misconceptions Saturday, November 16, 13
21. Misconceptions Saturday, November 16, 13
22. Saturday, November 16, 13
23. Singletons Saturday, November 16, 13
24. Singletons Saturday, November 16, 13
25. Interaction with Foreign Objects http://desalasworks.com Saturday, November 16, 13
26. Interaction with Foreign Objects Saturday, November 16, 13
27. Interaction with Foreign Objects Saturday, November 16, 13
28. Interaction with Foreign Objects Saturday, November 16, 13
29. Interaction with Foreign Objects Saturday, November 16, 13
30. Interaction with Foreign Objects Saturday, November 16, 13
31. Interaction with Foreign Objects Saturday, November 16, 13
32. Interaction with Foreign Objects Saturday, November 16, 13
33. Interaction with Foreign Objects Saturday, November 16, 13
34. Interaction with Foreign Objects Saturday, November 16, 13
35. Interaction with Foreign Objects Saturday, November 16, 13
36. Event binding etiquettes Saturday, November 16, 13
37. Event binding etiquettes Saturday, November 16, 13
38. Event binding etiquettes Saturday, November 16, 13
39. Event binding etiquettes Small callback functions: 2-3 ms to execute Saturday, November 16, 13
40. Event binding etiquettes setTimeout with clearTimeout Small callback functions: 2-3 ms to execute Saturday, November 16, 13
41. Event binding etiquettes setTimeout with clearTimeout Small callback functions: 2-3 ms to execute DOM caching to prevent re lookup Saturday, November 16, 13
42. Event binding etiquettes Blog Example Saturday, November 16, 13
43. Event binding etiquettes Saturday, November 16, 13
44. String theory Saturday, November 16, 13
45. String theory Saturday, November 16, 13
46. String theory Saturday, November 16, 13
47. String theory Saturday, November 16, 13
48. Closures & Timers Saturday, November 16, 13
49. Closures & Timers var  myObj  =  {        callMe:  function  ()  {                var  myRef  =  this;                var  val  =  setTimeout(function  ()  {                          console.log('Time  is  running  out!');                          myRef.callMe();                },  1000);        } }; myObj.callMe(); Saturday, November 16, 13
50. Profiling your application Saturday, November 16, 13
51. github.com/mananbharara @mananbharara Saturday, November 16, 13