title: How to correctly read and fix memory usage of a web application in Chrome
body: <p>I'm debugging my javascript web application consisting of a package of ~24MB of images &amp; sounds. I'm not particularly generating a lot of data in my app so the memory usage shouldn't be any higher than 100MB at most. </p>
  
  <p>When checking memory using the chrome profiler, a heap snapshot reports 30MB of usage. Looking at various numbers also reports much the same numbers.</p>
  
  <p>My problem is when looking at memory reports in the Chrome Task Manager, it says the tab is using between 400-600 MB of private bytes of memory. When looking at chrome://memory-internals/ , the report is 400 MB of private bytes and 24 MB in 'V8 Used / Alloc' memory. I'm guessing that the private bytes is the memory used by the JS runtime and V8 the memory of my application.</p>
  
  <p>Now, my question is how can I reduce the memory footprint of the JS runtime ? I'm trying to make my app compatible on mobile and iOS is shutting my app down when loading because I'm using too much RAM. I understand the problem might entirely be on my shoulders but I'm looking for common causes of such a high memory impact on the runtime side of things.</p>