jquery - Javascript Memory Usage -
in following code:
$(document).ready(function() { var content = ""; (var = 0; < 1000; i++) { content += "<div>testing...</div>"; } $("#load").click(function() { $("#mydiv").empty(); $("#mydiv").append(content); return false; }); });
load simple link , mydiv simple div. in each major browser tested in, when click on link multiple times, see memory usage go in task manager. in ie, goes each time , stays up. in ff, goes each time, once in while comes down (i think means memory being reclaimed or garbage collected - sign). in chrome, goes each time , stays up.
first, code cleaning dom correctly? if so, why memory usage increase every click?
note: tried make example simple possible, similar problem having in app.
wrap around div tag. immensely , use native innerhtml (its faster).
$(document).ready(function() { var content = ""; (var = 0; < 1000; i++) { content += "<div>testing...</div>"; } $("#load").click(function() { document.getelementbyid('mydiv').innerhtml = ('<div>'+content+'</div>'); return false; }); });
Comments
Post a Comment