Самый быстрый способ загрузить много изображений

Итак, у меня есть одностраничное веб-приложение, которое должно загружать много изображений, все они относительно небольшие (30 кб иш), но у меня их около тысячи. Прямо сейчас я использую скрытый div для загрузки всех из них, когда пользователь нажимает на мой сайт, поэтому они все кэшируются. Каков наилучший способ сделать это? В настоящее время это как тысяча запросов GET, можно ли как-то их застегнуть и разархивировать их с помощью js? Было бы даже иметь значение, чтобы отправить их всех в одно ПОЛУЧЕНИЕ?

EDIT: Не уверен, я был ясен или нет, но я так и делаю это сейчас

<div id="hidden-div">
 
 
</div>

Просто интересно, есть ли лучший/более быстрый способ сделать это?

1 ответ

Если вы хотите просто "предварительно загрузить" изображения, чтобы впоследствии их использовать (в вашем приложении/странице), вы можете использовать следующий код HTML 5:

См. "Предварительная выборка ссылок" - это механизм браузера, который использует время простоя браузера для загрузки или предварительной выборки документов, которые пользователь может посетить в ближайшем будущем. Веб-страница предоставляет набор подсказок предварительной выборки браузерам, и после того, как браузер завершил загрузку страницы, он начинает молча предварительно задавать указанные документы и хранить их в кеше. Когда пользователь посещает один из предварительно загруженных документов, он может быть быстро отправлен из кеша браузера. URL, затем описание, затем название, ключевые слова.. и, наконец, тело.

Если для галереи, то @Santosh является правильным. Или http://code.msdn.microsoft.com/Infinite-Scroll-Like-Bing-bc05262b

licensed under cc by-sa 3.0 with attribution.