Background img issue

Hi @quyle

I hope you’re well today and thank you for your kind words and for your questions!

1/ I understand that Smush does not lazy load background images.

Yes, that’s correct. Background images are not lazy loaded and Smush shouldn’t be causing such issue. It’s quite unexpected.

I understand that, apart from switching to “Native lazy load”, disabling Lazy Load completely also fixes this, right?

I’ve noticed that you also use Autoptimize so this might be related as it also provides Lazy Load. Could you look into Autoptimize settings on your site and try disabling Lazy Load option there (in “Images” section) and see if that fixes the issue as well?

In general, there should be only one of them enabled at the same time any way so either the one in Smush or the one in Autoptimize.

Also, have you tried to clear Autoptimize (and any other if there is any) caches on site, just to make sure?

And the weird thing is when I enable “Native lazy load” function, the above problem is solved but the “Image Issue” alert panel change from this to this.

This is just a “helper” but it works on front-end only based on JS that scans the page content/DOM so such lazy loading, especially 3rd-party, might affect it. I think let’s focus on the lazy load issue first and then if this one is still happening let’s then get back to it.

2/ Where do I have a statistic about how much Smush has optimized the pictures individually? I’ve checked in Media section, but I am not quite sure…
Here is the screenshot: https://prnt.sc/12i5uo3

This is correct place to check it. IT shows how much given image was optimized (value and %). Note that this particular image seems to be quite small and usually the smaller the image, the less it can be optimized.

Kind regards,
Adam

Hi Adam,
Thanks for your reply.
I haven’t enabled lazy load function from Autoptimize…
I also clear cache but it does not fix.
Do you think of any other reasons?
Thanks,
Q.

Hi @quyle,

Sorry to hear it’s still an ongoing issue. Since Smush can only lazyload the images inside img HTML tag, ie:
<img src="path-to-image">

The chances for Smush to lazyload images inside the style attribute is very low. Could you please confirm whether you notice the same issue if you temporarily deactivate all the plugins except Smush to rule out if there aren’t any other plugins causing a conflict?

Even after that, if the issue is still the same. Is it possible to share a URL to the page where you notice this behaviour so that we could have a better idea and see what might be causing it?

Looking forward to your response, so that we could check further if needed.

Kind Regards,
Nithin