Lazyload on mobile seems to not work

Hello,

Done several tests and can not see that lazyload works on mobile devices?

Brgds
Rune

Hello,

The lazy load should work well on mobile.

Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, if the problem remains, leave the plugins not activated and provide the site admin access to the private area

Best Regards

Hello,

It seems to be a conflict with WP Rocket cache plugin, if i deactivate WP Rocket it is all ok.

If WP Rocket is activated and I choose to use lazyload with WP Rocket (deactivated with Woodmart) then it does not lazyload images on frontpage, all other pages works ok.

If i then choose to use lazyload with Woodmart (deactivated in WP Rocket) then all pages / images is lazyloaded BUT it does not work on mobile.

Brgds

Hello again,

Well, after further studies i found that the only images in mobile which is not lazyloaded is the html block used in the prefooter showing brands images. The wierd is that google pagespeed warning these as not lazyloaded only when page is cached. If not cached the images show up as not lazyloaded but google pagespeed does not make a warning for that.

I guess this problem is due to the LazyLoad standard threshold of 300px of the viewport.

Do you use the standard lazyLoad script and if so, do you have a filter to adjust the treshold?

Brgds
Rune

Hi,

There is no threshold for the lazy loading and images appear when they became visible in the viewport.

Kind Regards

Hello,

Yeah, i checked your code and found that these images can not be lazyloaded as they have no id, class or size defined. just the img src, and as i can see in your code atleast size is needed.

So i build a new brand carousel using the gallery carousel and that works just great.

Brgds
Rune

Currently, it doesn’t work for brands. We will add this ability in our next theme update.

[Author]

Posts