Home Forums WoodMart support forum Issue with LCP optimization due to product image slider

Issue with LCP optimization due to product image slider

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #649338

    John
    Participant

    Hi Woodmart team,

    I’m working on improving the Core Web Vitals of my WooCommerce site using the Woodmart theme.

    I’ve noticed that the Largest Contentful Paint (LCP) is consistently delayed due to the product image slider, even when there’s only one image displayed.

    To troubleshoot this, I created a stripped-down product page with only the featured image — no gallery images, no extra content — and still encountered the issue. The image is rendered inside the woocommerce-product-gallery slider structure, which seems to be initialized with JS (Swiper or your custom carousel), and this delays rendering despite using fetchpriority=”high” and preload.

    As a comparison, I’ve tested your own Woodmart demo product:
    https://woocommerce-625997-2033187.cloudwaysapps.com/product/wine-bottle-lantern/
    It gets a good PageSpeed score, but still shows a red “LCP delayed by rendering” in the audit, with over 2s delay — same issue as on my site.

    My question:
    Is there a recommended way to disable the product image slider entirely, or to have the first image rendered statically outside the Swiper slider, so it can be used as a proper LCP element?

    If there’s a theme setting, hook or override that allows this, I’d love to apply it — performance is a key focus for us.

    Thank you for your help!

    #649520

    Luke Nielsen
    Keymaster

    Hello,

    LCP(Largest Contentful Pain) message doesn’t mean that this particular element is loaded slowly. It just indicates which element is the Larger Contentful Paint. Read more here https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/?utm_source=lighthouse&utm_medium=lr

    First, you need to optimize the site in general – https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

    If you have already did that, send me access to the admin panel so I can investigate it further.

    If you have any further questions, please don’t hesitate to reach out.

    Kind regards

Viewing 2 posts - 1 through 2 (of 2 total)