title: Javascript Memory Leaks: Detached DOM tree
body: <p>I have noticed that the memory of the browser starts increasing whilst I am in a form (this is noticeable from the task manager). In IE 9, this goes easily over 500MB after some usage, whilst chrome is more resilient (goes to 200MB using same test). </p>
  
  <p>I am using the chrome developer tools to debug this issue. I have noticed that there is a large number of Detached DOM tree:</p>
  
  <p><img src="https://i.stack.imgur.com/FlllI.png" alt="detached dom tree screenshot"></p>
  
  <p>I am assuming that this can confirm that there is a memory leak. Would that be correct?
  Secondly, I would need to find out how to identify the root cause of the problem. I know that you should use the retaining tree to identify what is stopping those items from being reclaimed. But I cannot find out how to use the retaining tree. For example, what does the retaining tree in the above screenshot mean please?</p>
  
  <p>Any assistance would be greatly appreciated.</p>