Предварительная загрузка огромного количества изображений

Question

Я пытаюсь выполнить параллельную предварительную загрузку изображений, используя логику, реализованную по ссылке ниже.

http://blog.lieldulev.com/2010/05/21/parallel-image-preloading-in-js/

У меня огромное количество изображений, в настоящее время 350+ изображений со средним размером файла 50 КБ каждое, что в сумме составляет 20 МБ изображений, которые я пытаюсь предварительно загрузить. Мне нужны изображения для рисования на холсте.

Используя вышеупомянутую логику параллельной загрузки, у меня возникают проблемы с браузером, ожидающим 2 минуты, чтобы завершить загрузку всей страницы. иногда он останавливает сценарий.

Кстати, 20 МБ изображений - это в настоящее время консервативное количество изображений. какой-то набор картинок, который мне нужен для предварительной загрузки, на 80 МБ !!

Целесообразно ли предварительно загружать такое количество изображений? И если мне нужно предварительно загрузить, каков наилучший подход к моему требованию? Должен ли я делать не параллельно? Как насчет частичной предварительной загрузки?

Заранее спасибо Марв

Answer 1

Это идеальный вариант использования запроса MXHR (Multipart XHR).Это означает, что серверный скрипт читает ваши файлы изображений, декодирует их как строку base64 и передает эти изображения в браузер.supplyJS ^help использует эту технику, но в настоящее время используется только для файлов JavaScript и таблиц стилей.В любом случае, он спроектирован довольно модульно, поэтому не должно быть проблем с расширением его функциональности для любого типа изображения, которое вам нужно.

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