I struggled with the problem on the iPhone and iPad, where several assets failed to load at the same time. Two scenarios:
a) Downloading about 20+ external JavaScript files is not a problem on my real sites because I add my JavaScript to a single file before deployment, but it causes problems on my test server.
b) Download approx. 20+ small thumbnails on one page (each is approximately 30 kb).
In both scenarios, Safari (usually) gets stuck in multiple files and never finishes downloading them. The download indicator in the top menu of iOS loads before the update.
The second time you visit (when assets are cached) everything will be fine. I have to clear the Safari cache in order to reproduce the problem.
I can work around this problem by delaying the loading of assets in JavaScript, but it is quite difficult, and I would like to better understand what is going wrong and see if I can find a more accurate solution.
Here you can see an example (visit your iOS device): http://www.jamesgretton.co.uk/expem/so_ios_multi/
Also, if this is useful, I ran into a problem delaying the loading of thumbnails: http://www.interior-id.com/work/ , but this will be violated differently.
Any thoughts would be greatly appreciated!
James
source share