Note that there are some explanatory texts on larger screens.

plurals
  1. POJavascript memory and leak problems
    primarykey
    data
    text
    <p>My site is pretty standard ecom site, it isn't a JS backed standalone app or anything, it's just a site which uses JS for standard stuff, as well as some jquery plugins to do a few things.</p> <p>I'm trying to do some JS memory evaluation on my site. I've done this by looking at the Chrome Task Manager and through Heap Snapshots.</p> <p>Initailly my site on first load sits between 35MB (i.e 35,000K) and 40MB on the task manager. This is the largest of any tab, if I have several tabs of other websites open at the same time. If I refesh the page it jumps up to 55-60, another refresh sees it jump to 65-70MB.</p> <p>On a normal page in a workflow, it fluctuates between 45-65 (sometimes 75 depending on what you're doing). Clicking around and doing the workflow from page to page sees the memory jump up to 85-100, and increases as you continue through the site.</p> <p>I've tried to do a few things like check for:</p> <ul> <li>detacted nodes</li> <li>heap snapshots &amp; looking at the deltas</li> <li>amix's MemoryLeakChecker checking size of objects</li> </ul> <p>I'd need a deeper dive to look for circular references or closure problems.</p> <p>Heap snapshots don't reveal much, most of the top lists are (array), (string), (system). The snapshots sit between 4.8MB, 5.1MB, 5.8MB, 6.8MB and increase.</p> <p>I've got a few questions as result:</p> <ul> <li><code>How do I understand the different metrics between snapshot memory and task manager memory</code></li> <li><code>Are there any good tutorials (apart from the ones on the Google Developers site)?</code></li> <li><code>How much memory is considered acceptable? Given in the task manager my site is always the highest?</code></li> <li><code>Do I have a memory leak? Apart from the steps I've described above (which I haven't found anything concrete from) is there any other ways I can find leaks?</code></li> <li><code>Can you suggest any tools apart from the Chrome Dev Tools (a lot of the tools mentioned on Google for Firefox are not compatible with the latest version, eg: Leak Monitor for FF)</code></li> </ul> <p>As a side note, most of my functions are low key operations, and don't exceed 200ms (based on a CPU profile). What is a good benchmark I should be aiming for? Is 200ms high?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload