Hello,
We are using XStore 9.7 with Elementor and LiteSpeed Cache on onedee.ro.
We have a performance issue on mobile: our LCP element is the H2 heading inside the etheme_product_carousel widget (“Cele mai vandute produse din sex shop online”). Lighthouse reports an Element Render Delay of 5,090ms for this element because the browser cannot paint it until the carousel JavaScript finishes executing.
Setup details:
– Theme: XStore 9.7 + child theme
– Page builder: Elementor
– Cache: LiteSpeed Cache with UCSS enabled
– Widget: etheme_product_carousel (bestsellers, grid type, 6 products)
Our questions:
1. Is there a way to lazy load the etheme_product_carousel widget so it does not block the initial render?
2. Can the carousel heading be rendered as static HTML before the JS initializes, so the browser can paint it immediately?
3. Is there a recommended approach in XStore 9.7 to reduce the JavaScript render-blocking impact of the product carousel on mobile?
Thank you.