在iPad 2上的Safari中动态加载图像会导致内存泄漏

Question

I'm developing a game on HTML5 and it has a memory leak problem when running on iPad 2. In the memory trace, I see loaded images occupied almost used memory and it's never released.

So, It's reason why I want to know extractly: how does browser keep images on memory?

In my imagination, the cycle begins when HTML parser of browser reach an Image DOM element, it loads the image data from URL into memory and render it to screen.

So, when is the image data released from memory? Or how to release it manually?

Answer 1

Some code could be interesting, to see how you manage your images in your applicayion.

Anyway a good tips for memory leak problems with images on ipad 3 (not sure for the 2 but i believe yes) it's to use a simple CSS Rule like that :

img{
    -webkit-transform: translateZ(0); 
}

This simple rule will enable the 3D acceleration, but use it only when you really need it.

Hope it helps a little