Slick slider how to load images with ajax?

Question

JavaScript

There is a slick slider with 12 slides and each one has a megabyte picture. I told the customer that the pictures should be optimized, but he insisted on 80% jpg quality. As a result, the site slows down because of these huge pictures. Question - how to load images in a slick slider with ajax, and not with direct requests when loading a site?

Answer 1

From the documentation page

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

I also advise you to run images through tinypng