Return to previous page

Performance issue: Large CSS file and LCP delay with XStore + Elementor

This topic has 2 replies, 2 voices, and was last updated 4 days, 2 hours ago ago by Andrew Mitchell

Andrei Andrei

Participant

March 9, 2026 at 14:04

Hello,

I am using the **XStore theme with Elementor** on my website:

https://onedee.ro

I am trying to optimize the site for **Google PageSpeed / Core Web Vitals**, especially for **mobile performance**, but I am encountering several issues related to CSS, fonts, and render-blocking resources that appear to come from the theme.

I would really appreciate your help identifying what could be causing these issues.

—

### Current Performance Issues

According to PageSpeed Insights:

**Main problems**

1. Render blocking CSS
Example:

`
/css/dd03c0d….css
Size: ~173 KB
Unused CSS: ~153 KB
`

2. Fonts loading in the critical path:

`
xstore-icons-light.ttf
RethinkSans-Regular.ttf
RethinkSans-Bold.ttf
Gabarito-SemiBold.ttf
`

3. LCP delay caused by rendering of the product section:

`
Largest Contentful Paint element:
“Cele mai vandute produse din sex shop online”
`

4. Forced reflow caused by a third-party script:

`
cdn.trustindex.io
`

—

### My Current Optimization Setup

#### Server

LiteSpeed server with **LiteSpeed Cache plugin**

#### LiteSpeed settings

* CSS Minify: ON
* Generate UCSS (Remove Unused CSS): ON
* Load CSS Asynchronously: ON
* Inline CSS Async Library: ON
* Font Display Optimization: SWAP
* Lazy Load Images: ON
* Lazy Load Iframes: ON
* Add Missing Sizes: ON

I also purge cache and regenerate UCSS regularly.

—

### XStore Theme Settings

From my exported XStore options:

Important configuration details:

* Font family: default browser fonts
* Paragraph font size: 17px
* Line height: 1.6
* Layout: Wide
* Ajax Add to Cart: Enabled
* Product image hover: zoom-in
* Product slider enabled
* Related products slider enabled
* Ajax search cache enabled
* Menu dropdown Ajax enabled
* Global Ajaxify enabled
* Emoji disabled
* jQuery migrate disabled
* Elementor dialog JS disabled
* Theme Swiper JS disabled

FontAwesome library is disabled.

—

### Elementor

The homepage is built using Elementor and includes:

* Product Carousel
* Product Grid
* Headings
* Images
* Buttons

—

### XStore Core Modules Enabled

Some of the active modules include:

* Product Carousel
* Ajax Search in Header
* Mega Menu
* Sticky Cart
* Wishlist
* Quantity Discounts
* Sales Booster modules
* Product Grid
* Product Image widgets

I also disabled several unused modules in **Manager de Elemente** to reduce bloat.

—

### My Questions

1. Is there a way to **reduce the large CSS file generated by XStore** (~170 KB)?
2. Are there recommended **performance settings for XStore + Elementor + LiteSpeed Cache**?
3. Is there a way to **load theme fonts asynchronously** or reduce the number of fonts loaded?
4. Could the **product carousel or sales booster modules** be affecting LCP?
5. Are there any **modules that should be disabled for performance** in XStore?

—

### Goal

My goal is to improve:

* **LCP**
* **Render blocking CSS**
* **Mobile PageSpeed score**

without breaking the layout.

If you have any recommended configuration or performance guide for **XStore + Elementor + LiteSpeed**, I would really appreciate it.

Thank you very much for your support.

Content is visible for topic creator and
support staff only.

#467045 Copied

1 Answer

Andrew Mitchell

Support staff

March 9, 2026 at 16:17

Hello, Andrei,

Thank you for reaching out and for providing detailed information about your setup and optimization efforts.

We appreciate the time you have taken to analyze your website’s performance and share the results. Based on your description, please find below our recommendations and clarifications:

1. Reducing the CSS file size
The main CSS file is generated dynamically based on the active theme options and modules. To reduce its size, we recommend disabling any unused modules in XStore > Theme Options > Speed Optimization. You can also enable the “Remove Unused CSS” option in LiteSpeed, as you already have, and ensure that the “Combine CSS”* option is disabled to allow asynchronous loading.

2. Recommended performance settings for XStore + Elementor + LiteSpeed Cache
– Keep CSS/JS Minify and Load CSS Asynchronously enabled.
– Disable Combine CSS/JS in LiteSpeed.
– Enable Lazy Load for images and iframes.
– Exclude critical theme scripts (like jQuery) from delay if they are required for initial rendering.
– Use the XStore > Theme Options > Speed Optimization section to disable unnecessary scripts and libraries.

3. Loading theme fonts asynchronously
If you are not using custom fonts, you can disable unused font files in XStore > Theme Options > Typography by selecting system fonts only.

4. Modules affecting LCP
Dynamic elements such as the Product Carousel, Sales Booster, and Sticky Cart can influence LCP due to additional scripts and rendering time. You may test disabling these modules temporarily to measure their impact using PageSpeed Insights.

5. Modules to disable for performance
We recommend disabling any modules that are not essential for your website’s functionality, such as 360° View, Compare, Popup Builder, or Extra Product Options, if not in use. The fewer active modules, the smaller the CSS and JS footprint.

For further improvement, you can also test your site with GTmetrix or WebPageTest to identify specific scripts or styles that delay rendering.

If you would like, please provide temporary admin access (via a secure private message) so our technical team can review your configuration and suggest more precise adjustments.

Thank you for your cooperation and for choosing XStore.

Best Regards,
8Theme’s Team

#467054 Copied
Viewing 2 results - 1 through 2 (of 2 total)