Slick slider как подргужать картинки ajax-ом?

Question

[kiberlain]

Есть slick-слайдер из 12 слайдов и в каждом по мегабайтной картинке. Я говорил заказчику что картинки надо оптимизировать, но он настаивал на качестве jpg 80%. В итоге сайт тормозит из-за этих огромных картинок. Вопрос - как в слик-слайдере грузить изображения ajax-ом, а не прямыми запросами при загрузке сайта?

Answer 1

[Сергей Жубартович]

Со страницы с документацией
<img data-lazy="img/lazyfonz1.png"/>

$('.lazy').slick({
  lazyLoad: 'ondemand',
});

Еще советую прогнать картинки через tinypng

Comments

[kiberlain]

спасибо!