Мобильный Safari iOS не может загрузить несколько небольших файлов (таких как изображения или JavaScript) только при посещении первой страницы.

Я боролся с проблемой на iPhone и iPad, из-за которой не удавалось загрузить несколько ресурсов одновременно. Два сценария:

а) Загрузка примерно 20+ внешних файлов JavaScript — это не проблема на моих действующих сайтах, потому что я объединяю свой JavaScript в один файл перед развертыванием, но вызывает проблемы на моем тестовом сервере.

b) Загрузка ок. Более 20 небольших миниатюр на одной странице (каждая размером примерно 30 КБ).

В обоих случаях Safari (обычно) зависает на нескольких файлах и никогда не заканчивает их загрузку. Индикатор загрузки в верхнем меню iOS зависает до обновления.

При втором посещении (когда ресурсы кэшируются) все будет в порядке. Мне нужно очистить кеш Safari, чтобы воспроизвести проблему.

Я могу обойти эту проблему, отложив загрузку ресурсов в JavaScript, но это довольно сложно, и я хотел бы лучше понять, что происходит не так, и посмотреть, смогу ли я найти более аккуратное решение.

Пример можно увидеть здесь (посетить на устройстве iOS): http://www.jamesgretton.co.uk/expem/so_ios_multi/

Также, если это будет полезно, у меня есть обойти проблему здесь, задержав загрузку эскизов: http://www.interior-id.com/work/, но в противном случае это сломается.

Будем признательны за любые мысли!

James