Lazyload: Possible to force-load?

Hi @dimchik

I hope you’re well today!

There’s currently no way to do it out of the box as the whole idea behind lazy load as such is to load images only once they are necessary – basically, images outside the viewport are loaded only once the site is scrolled to them. This is to make overall site loading and rendering faster. There might be cases when a visitor never scrolls the page past the certain point and images below it will never be loaded. This also helps save transfer/bandwidth.

Such kind of “delayed” or “deferred” loading would be a bit different thing and would require a separate and different implementation.

Kind regards,
Adam

Hi @dimchik,

Smush is utilizing the lazysizes library for lazy loading, so any methods that are available here: https://github.com/aFarkas/lazysizes#js-api—events are also available in Smush.

In case a developer wants to show an image even if it is not inside the viewport the lazySizes.loader.unveil(DOMNode) can be called:

lazySizes.loader.unveil(imgElem);

Best regards,
Anton

Exactly what I was looking for. Thank you Anton!

Hello @dimchik

I hope you are doing well!

Glad to see that you have your answer now :). I’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

Kind regards,
Nastia