Delay on productimage

  • Resolved Dave Loodts

    (@davelo)


    3 years, 3 months ago

    Hi, our client has the Kadence theme (and pro version).
    On the WooCommerce productpage – in particular the featured image slider, it seems like Kadence uses the Slick Slider js-framework which results in a delay presenting the feature product image.

    For unknown reason it also “activate” the Lazyloading on that image; a visitor had to scroll before seeing the feature image; although the image was in the viewport.

    How can we improve the delay?
    And what about the lazyload aspects that we see?

Viewing 4 replies - 1 through 4 (of 4 total)

  • What lazy load plugin are you using?

    Can you post a link?

    Ben

    Thread Starter Dave Loodts

    (@davelo)

    It’s this site: https://www.7bees.com/product/b-complex/

    We don’t use any Lazyload plugin at the moment.

    We used one (Swift Performance) but we deactivated it, mainly because it made things worser in terms of Layzyload, even if the Lazyload was turned on in Swift Performance. Yes, i know, bizar. So, it has to be js caching issue with the code that Kadence adds into the productpage.

    To clarify, Kadence Shop Kit is what changes the gallery from flexbox.js to Slick Slider js. You can turn that off if you want in the shop kit settings.

    Right now there isn’t a lazy load on the images, the gallery just needs to init so the javascript can make the carousel. That is hidden until it’s done for a less jarring experience but you can render it visible with a little bit of CSS:

    .product_image .slick-slider {
opacity: 1;
}

    But that init wouldn’t wait for a user to scroll it happens when the page loads so I’m not seeing any way that it would be the cause of “a visitor had to scroll before seeing the feature image”.

    Let me know if that helps,

    Ben

    Thread Starter Dave Loodts

    (@davelo)

    Thanks Ben!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Delay on productimage’ is closed to new replies.