Images missing when Lazy Load Image is enable

what image is missing tinzion, at first sight all seems OK?

Hi, Optimizing Matters. yes, I disabled the imagify plugin.

ah … well, if you have a staging site where you can leave things broken, I’d be happy to take a look there? ??

Hi Optimizing Matters

I reactivate the imagify plugin and it goes image missing again

small mystery, but great news anyway ??

have a nice Sunday!
frank

Hello!

I’m having the same problem when using the Imagify plugin. If I activate Autoptimize’s Lazy Load for images, WebP images will not appear on the site.

Only if you activate ShortPixel the images appear.

• This reply was modified 4 years, 1 month ago by Enrico.

well, if someone can enable imagify and AO’s lazyload I’d be happy to have a look at what is going (wr)on(g) .. ??

Ok, I activated the Lazy Load option and left the CDN ShortPixel option disabled for you to analyze.

https://lousamagica.com/

The images are not loading on the site in this configuration.

As soon as you finish let me know so I can return the images on the site as soon as possible.

OK, I have what I need to proceed locally, feel free to disable lazyload for now. more (hopefully) soon ??

Found it; both AO & Imagify use the output buffer (Imagify does so to change <img into <picture if you enable webp) and the order in which things get done is somewhat … screwed up like that. You can tell AO to initiate a bit earlier to fix this with by adding the following to your wp-config.php;

define('AUTOPTIMIZE_INIT_EARLIER', true);

now I can sleep knowing all is well ??

frank

Hi Frank,

Thank you for analyzing this question.

I have a few points to complement:

1) When I activated Lazy Load for you to check, the images disappeared, but a single image was still being displayed, bg_footer.png (https://lousamagica.com/wp-content/uploads/2020/10/bg_footer.png)
This image is the only one with “Ultra” compression as Imagefy indicated that it was already optimized in default compression but GoogleSpeedTest said it was necessary to optimize it.
This image was compressed after activating Lazy Load and checking the problem.
Was it the order of the processes performed or the type of compression?

2) Does the AO convert images to WebP if I select the option to load WebP? If the AP does this, it will not be necessary to use Imagefy and I can disable it.

Was it the order of the processes performed or the type of compression?

neither; AO does not lazyload most background images.

Does the AO convert images to WebP if I select the option to load WebP? If the AP does this, it will not be necessary to use Imagefy and I can disable it.

it can, yes, if “optimize images” is active which uses Shortpixel’s optimization CDN. do take into account that once you passed the free usage threshold you will have to create a login at Shortpixel, buy credits and associate your domain.

Thanks for the support!

I hope that soon it will no longer be necessary to change the functions.php to use the plugins together =)

you’re welcome, feel free to leave a review of the plugin and support here! ??

have a nice weekend!
frank