Mobile Safari iOS no puede cargar varios files pequeños (como imágenes o JavaScript) en la primera visita de la página

He estado luchando contra un problema en el iPhone y el iPad, donde no puede cargar varios activos al mismo time. Dos escenarios:

a) Cargando aproximadamente 20+ files JavaScript externos: este no es un problema en mis sitios en vivo porque combino mi JavaScript en un file antes de implementar, pero provoca problemas en mi server de testing.

b) Carga aprox. Más de 20 imágenes pequeñas en miniatura en la misma página (cada una es aproximadamente de 30 kb).

En ambos escenarios Safari (por lo general) se queda atascado en un puñado de files y nunca termina de cargarlos. El indicador de carga en el menu superior de iOS está atascado cargando hasta que se actualice.

La segunda vez que visita (cuando los activos se almacenan en caching) todo estará bien. Tengo que borrar la memory caching de Safari para reproducir el problema.

Puedo solucionar el problema demorando la carga de los activos en JavaScript, pero esto es bastante complicado y me gustaría entender mejor lo que está mal y ver si puedo encontrar una solución más clara.

Aquí se puede ver un ejemplo (visita en un dispositivo iOS): http://www.jamesgretton.co.uk/expem/so_ios_multi/

Además, en caso de que sea útil, he solucionado el problema aquí retrasando la carga de las miniaturas: http://www.interior-id.com/work/ pero de lo contrario se rompería.

Cualquier pensamiento sería muy apreciado!

James

Tuve problemas del mismo tipo en mi server de testing, y estaba relacionado con la configuration de contraseña de Auth Basic. Tan pronto como eliminamos los encabezados de Autenticación, Mobile Safari cargaba todos los files como se esperaba.

Tuve un problema similar con IOS Safari y por alguna razón no me gustó "usar estricto"; en la parte superior de uno de mis files javascript. Muy molesto para solucionar esto, pero eliminarlo parece haber solucionado el problema.