title: Finding Memory leaks in Javascript code
body: <p>I am using Chrome Tools to figure out cause of memory leaks on my webpage. I have watched following you tube video to learn how to use Profile option in Chrome developers tool to narrow down cause of memory leaks. </p>
  
  <p><a href="https://www.youtube.com/watch?v=L3ugr9BJqIs" rel="nofollow noreferrer">https://www.youtube.com/watch?v=L3ugr9BJqIs</a></p>
  
  <p>I used the 3 step snapshot view approach to pinpoint an object that is retained between snapshot 1 and snapshot 3. When i clicked on the node, that is not highlighted in yellow, in the comparison window, i get following object tree. As per the video i can ignore any objects in grey (the system objects) and ones in Yellow background as they are reachable by Javascript and will be garbage collected. Based on that information, i cannot figure out why the object is still retained in the memory between snapshot 1 and snapshot3. The highlighted row(in blue background) is also highlighted in yellow which means it can be ignored that row also.<img src="https://i.stack.imgur.com/B16LF.png" alt="enter image description here"></p>
  
  <p>Any help or pointer greatly appreciated. </p>