We're merging with GenerateBlocks! Learn more here.

[Resolved] lazy load not working with carousel

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support lazy load not working with carousel

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #32307
    Carlo
    Participant

    Hi 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.

    #32318
    elvin
    Moderator

    Hi 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.

    #32330
    Carlo
    Participant

    Hi 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 default loading="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

    #32359
    Tom
    Keymaster

    Hi 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?

    #32412
    Carlo
    Participant

    Hi Tom,

    great call as usual. Changing it to “medium” instead of “500” fixed it.

    Looking forward to the new wpshowpost block version. 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.