Lazy Load Images Async Function

[afiumano]

I am getting a message when I audit my page that says:

Defer offscreen images
Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive.

How would I implement that on product images since they are in slick slider?

https://dts2290.mivamerchantdev.com/southern-magnolia-memorial-tree

[Bruce - PhosphorMedia]

You'd have modify the slick slide code to use the data-src attribute. Probably make a duplicate and call it something like slick_asyc so sliders can be called with and without async loading.