Memory Debug in JS

Developer Tools: Memory Debug

JavaScript automatically allocates memory when objects are created and frees it when they are not used anymore (garbage collection).

 

NB: You still need to worry about memory management!

Memory Diagnostic Tools

• Heap snapshot: Shows memory distribution among your page's Javascript objects and related DOM nodes.
• Allocation instrumentation on timeline: Shows instrumented JavaScript memory allocations over time. Once a profile is recorded you can select a time interval to see objects that were allocated within it and still live by the end of the recording. Use this profile type to isolate memory leaks!
• Allocation sampling: Records memory allocations using the sampling method. This profile type has minimal performance overhead and can be used for long running operations. It provides good approximations of allocations broken down by JavaScript execution stack.
• Detached elements: Shows objects that are retained by a JavaScript reference.