Lazy Load (Images not Loading on Scrolling)

I’m facing the same issue on my website as mentioned by @akashmughal21

Lazy load feature is not working after the recent update.

It only works if I hover the mouse cursor over the place of the image. But, I want the image to load automatically whenever the image location is visible.

@trulyfurqan

Yes, it doesn’t even show the display & animation that the image is loading. It is just showing extra blank space. Once I hover over the blank space, it first loads the animation and then the image.

However, hovering over one image space loads several images but not all. Some images still require the cursor to hover individually to load.

I too am having some lazy load issues, that I swear weren’t there previously. I’m using the Uncode theme and a version of Owl Slider for the site’s homepage.

Not EVERY time, but very frequently, a pair of images (PNGs with transparent backgrounds, if that makes any difference) would load in a low-res thumbnail version of the graphic and then just not load the full-res to replace it. Thus leaving site visitors looking a very fuzzy 258px width images being displayed at 540px width.

I have, for now, turned the LazyLoad feature off. But I hope there’ll be an update soon that means I can turn it back on.

m.

Experiencing shittest support by any plugin. It’s time to go for even better alternatives.

@akashmughal21,

Sorry for the late response. I’ve checked your website, I do not see an issue at the moment. If you still need assistance, please enable lazy loading so I can check.

Also, @trulyfurqan and @tanner2272, please post you site URLs so I can take a look.

Best regards,
Anton

I just disabled smush lazy loading and using w3 cache total lazy loading. It’s working perfectly fine.

If you are readily available, do let me know so I should enable it for a quick check.

@akashmughal21, yes, I’m ready to check

Done. Please check the same links as given in the original topic. Waiting for your feedback.

@akashmughal21,

I can see all the images without any issues. Could you please specify which image you are not seeing?

Best regards,
Anton

It’s about all the images of each post. Please clear your browser cache as you’re seeing the cached version.

Sorry, I just can’t serve the broken version of my site for too long. I have again disabled the lazy load feature of Smush and using w3 total cache lazy load feature.

I have made a short clip of the issue. You can see there are some extra spaces after each step and it doesn’t load anything unless I hover the mouse cursor over the extra blank space that is actually the image.

Visit the below link to download the short clip and share your feedback. Thanks.

https://gofile.io/d/ePMAX5

@akashmughal21,

I did clear browser cache when testing. I used Safari to test and, unfortunately, wasn’t able to replicate. But lazy loading was working, as the images had proper lazyloaded classes. Have you tried switching between native lazy loading in JS-based lazy loading in Smush settings?

Best regards,
Anton

@tanner2272, please post you site URLs so I can take a look.

Hi, like @akashmughal21 I can’t really leave a live site failing in this manner, for a long period of time, so I’ll initially do my best to describe what I was seeing.

1. the only place we obviously noticed the issue was on the home page of the site, within the header carousel.
2. The carousel is (I believe) using Owl Carousel within the Uncode theme.
3. Only two specific images were affected, both were PNGs with transparent backgrounds.
4. It seemed a random lottery as to whether either of the two loaded properly or not. Sometimes they did, sometimes not… across various browsers on various computers.
5. If they failed to load properly, then what we got was a very small WordPress thumbnail of the image, enlarged to fit a size double its actual pixel size – thus looking incredibly fuzzy.
6. Looking at the code I’m noticing that (when fuzzy) the specific image has the CSS classes of “async-done” and “lazy loaded”. When the image is not fuzzy, it still the class “lazy loaded”, but the “async-done” is missing.

m.

@vanyukov

I just tried enabling the Native Lazy Load setting in Smush and the lazy loading feature is working now. Although, I was using the lazy load feature without enabling it for a long time. I don’t know what just happened to cause the issue.

Hey, I’m getting the same, and had not noticed it until this week so perhaps it is a recent update which introduced it.

It’s something to do with container/wrapper div. The images do not load if my mouse is to the left or right of the container, but when the mouse gets within the container they appear. So it must be a mouse location detection issue? Thanks.