Images not showing when lazy loading enabled

Hi,

Could you please provide the report number ?

You can get it in toolbox -> report , click “send to LiteSpeed”

Best regards,

Hi, thank you for getting back so quick..

the report number is YJTDTBQW

Hi,

Do you have another plugin that does lazy load ? if so , please try disable it and purge all

Also please try export your current setting , reset to default , and only enables lazyload , purge all , and see how it goes.

Best regards,

Hi,

Thank you very much for the answer.

I do not use another plugin for lazy loading.

I did what you suggested, with lazy loading alone it was working ok. I played a little bit and images load fine when I disable:

lazy loading

OR

both JS Combine and Load CSS Asynchronously

Is there anything I can do to keep all the functionality?

Thank you…

Hi,

both JS Combine and Load CSS Asynchronously

if you only enable JS combine , does it work ?

and if you only enable load css async , does it work ?

or both of them needs to be OFF ?

please don’t forget to purge all once you changed setting.

Best regards,

Wordpress 5.5 is doing lazy loading automatically now. That’s probably your issue. You have to either disable this function by adding this code to your theme’s function.php file
add_filter('wp_lazy_loading_enabled', '__return_false');
or disable the lazy load option in LSCWP.
You can’t have both at the same time otherwise they might collide.

Hello,

My apologies for the late response…

@qtwrk They have to be both off. If I enable one of them, the images are not showing. I purge all every time.

@smoker2 Thank you for your answer. I tried that already (to disable the lazy loading of wordpress in functions as you suggested), but the problem is not solving.

I disabled the lazy loading of LSCache, but then I have no lazy loading at images that have no dimensions specified (and my theme has a lot of them).

Hi,

They have to be both off. If I enable one of them, the images are not showing. I purge all every time.

okay , this will be little troublesome for next steps.

Now, please get the name list for all your JS files when JS combine/minify are OFF (make sure you don’t see the JS named like this /wp-content/litespeed/cssjs/xxxxx.js ) , put them into JS exclude list , then re-enable JS combine , and see how it goes

Best regards,

Hi there,
I will try it in the next days and come back to share the results.

Thank you very much….

Hello,

Thank you thank you thank you….. It worked!!!

I found the .js file that caused the problem (it was ultimate shortcode plugin’s js) and turned on the js combine… Images showing fine.

I tried to do something with Load CSS Asynchronously, by excluding some css files (tried CSS Excludes & Critical CSS Rules), but that didn’t work.

Is there any way I can deal with it or just have to leave it off?

Thanks again!!!

Hi,

I am sorry I am little confused now

I tried to do something with Load CSS Asynchronously, by excluding some css files (tried CSS Excludes & Critical CSS Rules), but that didn’t work.

what’s exactly the issue now ?

you mean when you enable load css async , image won’t load ?

Best regards,

Hello,

Yes, exactly…

The problem was that I had to disable both “JS Combine” and “Load CSS Asynchronously” to load the images.

With js excludes the first part is ok, but the images still do not load when “Load CSS Asynchronously” is turned on.

Thank you ??