Streaming live at 10am (PST)

Slick slider - Lazy loading and responsive images

I’m using Slick (https://kenwheeler.github.io/slick/) for my sliders, combined with the lazy loading functionality which forces me to leave the “src” off on my images in the editor, and instead add a “data-lazy” custom attribute.

Everything works as expected, but… it’s preventing responsive image sizes from being loaded (therefore increasing load time on smaller breakpoints).

I’ve tried adding “data-srcset” and “data-sizes” custom attributes to my images to mimic how webflow loads responsive images, without success.

Has anyone encountered this problem before? Am I missing a simple solution here, or should I try using something like lazySizes in combination with Slick (not sure how I would do that though)?

Any help greatly appreciated !