FSE Network dependency tree

Hi,

I am using the WoodMart theme in FSE (Full Site Editing) mode for my store. I am currently optimizing the site for Google PageSpeed Insights and I’ve encountered a significant performance bottleneck.

According to the PageSpeed report, the site is creating “Critical Request Chains” because it loads dozens of separate CSS files for individual blocks (e.g., …/xts-blocks-xxx.css). This adds over 1000ms to the “Maximum critical path latency” and negatively impacts my FCP and LCP scores.

In the standard WoodMart (Elementor) version, there is an option to combine these styles. However, I cannot find a similar “Combined CSS” or “Aggregate CSS” setting in the FSE Theme Settings.

Could you please advise:

Is there a built-in way in WoodMart FSE to combine these multiple xts-blocks CSS files into a single file to reduce render-blocking requests?

If not, what is the recommended way to optimize block styles in FSE without breaking the site’s layout?

You can see the issue in this report

Hello,

Could you please send us a screenshot of the error you mean?
There are 6 xts-blocks CSS files and they correspond to the number of content sections made with Gutenberg loaded on the page (HTML blocks, layouts, page content etc.).
You can use plugins like WP Rocket or Litespeed to combine CSS files on the page.

Kind Regards

[Author]

Posts