How can I find what part of my website is causing a browser memory leak?

Question

I am developing a website and have noticed that when I work on the main page my browser (Firefox and Chrome) start consuming a lot of memory.

A recent example was using Firefox with 8 tabs open. 2 of which were my website. Firefox was using 800,000K (and climbing) of memory according to Windows Task Manager.

I closed down the 2 tabs pertaining to my website and Firefox memory consumption dropped to around 424,000K.

My site relies heavily on javascript (jQuery especially) and so I would suspect that my issue is coming from that direction.

Does anyone know a way of isolating what the problem is?

Thanks

Answer 1

jQuery和javascript应该是轻量级的，但是如果您确定是这种情况，则可以重构JavaScript并在需要时加载脚本，也可以使用插件等...否则，您可以转到IIS并更改连接限制，您可能会看到在Firebug中加载需要花费多长时间

Answer 2

I suggest taking a deep look to these articles about profiling JavaScript with Chrome Developer tools:

• Profiling JavaScript Performance
• Profiling memory performance