I
am using 58 beta version now. I can see memory leak when updating SVG
elements inside DOM for every 500 milliseconds. Eventually after 3
hours, memory consumption reaches more than 800MB and the page becomes
unresponsive. I am attaching an image of profiled snapshot
Memory usage details in task manager is shown in below screenshot
Note:
For the same action, IE and Firefox does not consume more than 120MB
memory. Chrome 53 takes around 120MB too but in 57 stable version and 58 beta version memory usage
grows very high.
Details:
1) Only one SVG element in DOM
2) 41 path elements present in DOM
3) 41 div elements are positioned above path elements using jsrender
3) jQuery MouseDown, MouseMove and MouseClick events are bound to the path elements and SVG element too.
4)
For every 500 milliseconds, all the path and div elements are removed using
jQuery.remove and jQuery.empty methods Add 41 new path and 41 new div elements and
bind same mouse events using jQuery to the new elements
5) After few hours browser hangs and stops working due to huge memory consumption
Please let me know if you need more details