StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POMobile Safari iOS failing to load multiple small files (such as images or JavaScript) on first page visit only
text
Body
copied!<p>I've been fighting a problem on the iPhone and iPad where it fails to load multiple assets at the same time. Two scenarios:</p> <p>a) Loading approx 20+ external JavaScript files - this is not a problem on my live sites because I combine my JavaScript into one file before deploying, but causes issues on my test server.</p> <p>b) Loading approx. 20+ small thumbnail images on the same page (each one is roughly 30kb).</p> <p>In both scenarios Safari (usually) gets stuck on a handful of files and never finishes loading them. The loading indicator on the iOS top menu is stuck loading until a refresh. </p> <p>The second time you visit (when the assets are cached) all will be fine. I have to clear Safari's cache to reproduce the issue.</p> <p>I can get round the issue by delaying load of the assets in JavaScript, but this is quite bodgy and I'd like to better understand what's going wrong and see if I can find a neater solution.</p> <p>An example can be seen here (visit on an iOS device): <a href="http://www.jamesgretton.co.uk/expem/so_ios_multi/" rel="noreferrer">http://www.jamesgretton.co.uk/expem/so_ios_multi/</a></p> <p>Also, in case it's useful, I've got round the problem here by delaying the load of the thumbnails: <a href="http://www.interior-id.com/work/" rel="noreferrer">http://www.interior-id.com/work/</a> but it would break otherwise.</p> <p>Any thoughts would be greatly appreciated!</p> <p>James</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload