Home › Forums › Pro Support › lazy load not working with carousel
Tagged: lazyload carousel images caching
- This topic has 4 replies, 3 voices, and was last updated 2 years, 4 months ago by
Carlo.
-
AuthorPosts
-
July 21, 2021 at 2:18 am #32307
Carlo
ParticipantHi there,
I have an issue with a carousel list of wpshowposts.
In the bottom part of this page https://pharmacybeautycoach.it there is a carousel made with wpshowposts. (right below the “dicono di noi” title)
If you load the page and eventually scroll down, you can see that the first page is showing up but the next images are not (for the next “slides” of the list, there is only text instead of text + image)Since I am using flying press plugin to cache, I have asked to their support.
After some tests by their side, they replied as following:
“wp-show-posts-pro is not compatible with Browser Native Lazy loading of images. Unchecking Lazy Load Images in FlyingPress fixes the issue.
Enabling the Lazy Load Images using JavaScript in FlyingPress, the wp-show-posts-pro plugin loads images but with a slight delay.”Since I’d really prefer to use the Browser Native Lazy loading of images, how can I fix this?
Thank you. All the best.
July 21, 2021 at 9:02 pm #32318elvin
ModeratorHi Carlo,
In the bottom part of this page https://pharmacybeautycoach.it there is a carousel made with wpshowposts. (right below the “dicono di noi” title)
If you load the page and eventually scroll down, you can see that the first page is showing up but the next images are not (for the next “slides” of the list, there is only text instead of text + image)I’m unable to check the page. Here’s what I see on my end – https://share.getcloudapp.com/JruDrEOj
Can you confirm if there’s any issue on the site?
Since I’d really prefer to use the Browser Native Lazy loading of images, how can I fix this?
I’m not exactly sure what you mean. By “Browser Native Lazy loading”, is this a specific plugin or did you mean the default
loading="lazy"
of WordPress.If it’s an issue w/ a third-party lazy load plugin, this is quite tricky to deal with as we won’t know the specifics of how third-party plugins function.
July 22, 2021 at 2:57 am #32330Carlo
ParticipantHi Elvin,
thank you for letting me know there was something wrong with the website. It had to do with some nightly update.
Now it is ok again. Can you chek it now?
About your question:
Flying press has 2 cache options.
One is called “Browser Native Lazy loading” and get advantage of browsers’ level lazy loading capability.
Since the “job” is done at browser level, the great advantage is that no added javascript is needed.
The trigger is always the defaultloading="lazy"
I have googled it and I think browsers’ level lazy loading capability is well described here: https://web.dev/browser-level-image-lazy-loading/
The other option (not the best one) is via javascript.
In other words, flying press support is saying that wpshopost is not compatible with the first, best option.
Would you guys please check if there is a solution to make it compatible?
Thank you Again. Best wishes. Carlo
July 23, 2021 at 8:11 pm #32359Tom
KeymasterHi there,
My guess is that this is an issue with the image resizing.
What happens if you remove the width/height settings from the list options?
July 26, 2021 at 2:23 am #32412Carlo
ParticipantHi Tom,
great call as usual. Changing it to “medium” instead of “500” fixed it.
Looking forward to the new wpshowpost block version. 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.