Как лучше сделать погрузку картинок в лейдинге?

Question

[Игорь]

Суть такая на лейдинге и так много картинок и ещё галереии картинок подгружать во время первичной загрузки страницы видится мне не разумным.

Думаю загружать страницу а потом через 10 секунд аяксом загружать галереи картинок.

будут 2 галереи это девушки и интерьер. в общем около 30 фоток.

Думаю разместить их в диве и подгружать потом целиком див с фотками.

Цель сделать как можно быструю загрузку страницы а потом в фоне грузить галерею.

Собственно как Вам логика и как её реализовать?

Answer 1

[Алексей Струков]

10 секунд долго.
Можно загружать сразу после загрузки страницы думаю.
Посмотрите в гугле по запросу defer images with js, либо по русски - отложенная загрузка картинок с помощью js. Если не разберетесь позже напишу код, либо к тому времени уже напишет кто то здесь.

Comments

[Игорь]

а как кодом прописать что загружать данный сласс дива только после 5 секунд запуска станицы.

Хочу в дивы классы поставить где фотки и через js сказать что грузить эти дивы позже.

[Алексей Струков]

Игорь Николаевич: 5 секунд долго всеравно. Я за это время успею сайт пролистать и уйти с него)
Вечером напишу код.

[Алексей Струков]

Игорь Николаевич: вот тут по ссылке внизу есть код который вам подойдет
stackoverflow.com/questions/12396068/speed-up-page...
сюда скопировать не получается его
там же и описание, как его использовать.
Если необходимо сделать отсрочку в 5 секунд, то надо будет добавить туда функцию setTimeout().
Описание как она работает можно найти в интернете легко.

Answer 2

[Игорь Че]

Есть jQuery плагин - Lazyload. Подгружает картинки при попадании их в поле зрения.