How to: Reduce loading time of HTML5 games
To solve the issue of game loading time there are a couple of points to take into account:
1- Try to reduce the total number of requests the game makes. The less number of requests the faster the game will load. A good number of requests to have is 70. So the index.html, all the js, css, sounds, and images together make 70 requests.
2- As long as the number of request is kept low the games have more flexibility for their size, a good size for an HTML5 game would be around 3 – 3,5 MB’s maximum. As our API is around, 0,5 MB’s in size and needs to be added after. Have in mind that even if you develop a game thinking in the latest Apple or Android devices our clientele generally is broader and has older smartphones that need to be able to run the game comfortably without lag.
3– To reduce the number of requests for images for example you can use a Texture Atlas http://en.wikipedia.org/wiki/Texture_atlas This way all your images are grouped into one image (1 request) and then splitted by the game js.