Tool to track down JavaScript memory leak

by

update:
Lets use Record Heap Allocations profile type.

  1. open devtools profiler
  2. do a warm-up action
  3. start profiler
  4. repeat action a few times
  5. if the action has a leak you will see the same number of groups of blue bars in the overview pane
  6. stop the profiler
  7. select one group of these blue bars in the overview
  8. look into the list of objects

See screencast Javascript Memory Leak detection (Chrome DevTools)

was:
You can use the next scenario for fining memory leaks.

  1. open devtools profiler
  2. do an action that makes a leak
  3. take a heap snapshot
  4. repeat steps 2 and 3 tree times
  5. select the latest heap snapshot
  6. change filter “All Object” to “Objects between Snapshot 1 and 2”

After that you will see objects a set of leaked objects.
You can select an object and look at the list of retainers in Object’s retaining tree

More Related Contents:

  1. How do you launch the JavaScript debugger in Google Chrome?
  2. How do I debug Node.js applications?
  3. How does Facebook disable the browser’s integrated Developer Tools?
  4. Find out whether Chrome console is open
  5. After calling chrome.tabs.query, the results are not available
  6. How do I view events fired on an element in Chrome DevTools?
  7. Memory leak risk in JavaScript closures
  8. Can I programmatically open the devtools from a Google Chrome extension?
  9. Can I prevent the Chrome Developer Tools console from logging image 404 errors? [duplicate]
  10. Google Chromecast sender error if Chromecast extension is not installed or using incognito
  11. Javascript Debugging line by line using Google Chrome
  12. How can I view network requests (for debugging) in React Native?
  13. Circular references in Javascript / Garbage collector
  14. View list of all JavaScript variables in Google Chrome Console
  15. Finding JavaScript memory leaks with Chrome
  16. how to set DOM Breakpoints in chrome
  17. Why will jQuery not load in Facebook?
  18. Calling a Javascript Function from Console
  19. Chrome Dev Tools – Modify javascript and reload
  20. Chrome console already declared variables throw undefined reference errors for let
  21. Does JavaScript setInterval() method cause memory leak?
  22. Access function location programmatically
  23. How to remove DOM elements without memory leaks?
  24. How to find what code is run by a button or element in Chrome using Developer Tools
  25. Console.log not working at all
  26. Do you know what may cause memory leaks in JavaScript?
  27. Why does Chrome Dev Tool show a dates __proto__ as Invalid Date?
  28. How to profile and get Javascript performance [duplicate]
  29. Link to chrome:// url from a webpage
  30. Chrome developer tools do not show all JavaScript files any more

Leave a Comment