Lazy load Issue on ajax

Hello @maheshgadgil

Thank you for reaching out and I am happy to assist you with this.
If you are using infinite Scroll Pagination or load more button, it’s basically a product/ article lazy loader that kicks in and adds the next batch of the products under the already present grid.
So in this case there is a “double” lazy load. Lazy load works for images in the first load, but after the pagination, it creates a conflict.
You can exclude a specific class of images set and therefore those images will not be lazy-loaded by W3TC.
Try adding lazy to Performance>User Experience>Exclude Words: field, save all settings and purge the cache and see if the problem persists.

I hope this helps!

Thanks!

Hello @vmarko

Thank you for your prompt reply.
Please can you check the url and suggest me the class name?

Thank you in advance for your help.

Hello @maheshgadgil

As I’ve mentioned in the previous reply, the class for those “broken” images is lazy
so you should add lazy in Performance>User Experience>Exclude Words: field, save all settings and purge the cache and see if the problem persists.
Thanks!

Hello @vmarko

I’ve tried to add the code but unfortunately it doesn’t work.
I’ve disabled lazy load so that you can check proper class name.

Thank you.

Hello @maheshgadgil

Thank you for yoru feedback. It seems that the thumbnail images do not have a class set.
One thing that you can try is to add winner_ajax_load_more to Performance>User Experience>Exclude Words: and see if this helps.
Otherwise, you should keep the Lazyload disabled in this case.

Thanks!