In my current project, I noticed that IE uses quite a lot of memory. After spending some time investigating, I found out that images are not deleted from memory, but my site uses images quite intuitively.
Finally, I created a simple test that dynamically loads images and then flushes it using jQuery
My js test:
$(document).ready(function () {
$('#appendImages').click(append);
$('#removeImages').click(remove);
});
function append() {
$.post("http://localhost/TestService/GetImages", { key: $('#key').val()}, function (data) {
$.each(data.Data.items, function (i, v) {
$('#imagesContainer').append('<img src="' + v.imageUrl + '" />');
}); ;
});
}
function remove() {
$('#imagesContainer').empty();
}
Html test:
<input id="key" type="text" value="jeans" >
<div id="reset">Reset</div>
<div id="repeatableReset">Repeatable Reset</div>
<div id="stop">Stop</div>
<br />
<br />
<br />
<br />
<div id="appendImages">append</div>
<div id="removeImages">remove</div>
<div id="imagesContainer"></div>
<html>
</html>
When new images are added, IE memory is loaded. But after deleting all downloaded images, the memory is not cleared. For example, immediately after loading a page, the IE process uses 20 MB, after adding images, it uses 35 MB, and after cleaning, 30 MB.
sIEve leand, .
IE - ? IE ?
Firefox , IE .