IOS HTML5 cordova app

Question

We've created an HTML5 presentation app . What this app does is simply showing "slides" after each other. These slides are built with images and hotspots on it.

With these hotspots you can navigate through other slides. Or you can open popups and other stuff like a short video.

The problem now is that the app rans out of memory every time we open a video, or when we put more then 50 slides in it.

We've compressed all the images and videos . All the images are around 30 - 250kb .

We are using cordova to read out our www folder which contains all the HTML,JS,CSS,video and images.

If you need more information, please ask!

Thanks in advance!

Answer 1

Check out this article from the linkedIn dev team for tips on managing memory in a HTML5 app with a lot of items (summary: unload images and hide content that is not in view).

Also, try chrome dev tools profiler or safari web inspector profiler to get an idea where your big memory hotspots are, and then measure the impact of any changes you make.