Как правильно оптимизировать загрузку изображений в карусели при огромном количестве оных?

Question

[SexyMonkey]

Имеется лендинг (без CMS, мам, пап и кредитов), на котором порядка 10-ти каруселей. Каждый слайд карусели - это тоже карусель, в которой крутится довольно много слайдов. Общий объём изображений - более 300Mb. Как правильно организовать подгрузку изображений только при просмотре?
Используется Owl 1.3.3

P.S. все изображения уже оптимизированы, заострять на этом внимание не нужно.

Answer 1

[Ivan Bogachev]

Вы хотите сказать, что одна страница может занимать более 300MB? Среднестатистический телефон/планшет/ноутбук от такого может просто в обморок упасть, сколько бы вы не оптимизировали их подгрузку. Если пытаться освобождать память от картинок, то при попытке поскролить обратно наверх придется все скачивать заново, тогда в обморок упадет мобильный интернет. Куда катится веб...

Comments

[SexyMonkey]

Читайте внимательней. Мне не нужна подгрузка при скролле. При скролле видны ~10 галерей, и первая галерея внутри каждой, конечно, должна загружаться как есть. Однако, остальные галереи внутри родительской должны подгружать контент только когда активны.

[Ivan Bogachev]

SexyMonkey: Замените слово "скролл" на слово "вернуться к предыдущей галерее" - смысл не поменяется. Тут проблема в плохом user experience так сказать. Даже ваши 10*(довольно много)=100 картинок будут загружаться долго, пользователь может уйти, или у него сломается браузер от объема или сложностей с рендерингом всего этого - и тогда он точно уйдет (а вы сразу закладываете такую возможнось).
Ну и, разумеется, смысл лендингов не в больших объемах информации, а в том, чтобы зацепить человека, чтобы он посмотрел краем глаза, пролистал по быстрому и подумал - о-о-о, а эти ребята/услуги/товары похоже неплохи - наверное стоит с ними связаться/помнить про них.

Answer 2

[Алексей Уколов]

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

А что, есть разные способы реализации этого функционала? И среди них неправильные?

Comments

[SexyMonkey]

Очевидно, что явное размещение 300Mb фото на одной странице - метод заведомо неправильный.

[Алексей Уколов]

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

[SexyMonkey]

Алексей Уколов: Потому и спрашиваю, что не знаю, как правильно это организовать. lazyLoad из коробки Owl не совсем подходит.

Answer 3

[dmitriy]

lazy load images