Significant Performance Improvement by splitting of CSS to multiple files (by @media conditions)

When CSS is bundled into one file, even after tree-shaking, it still contains a lot of unused CSS because of different @media contexts (mobile, tablet, desktop, dark/light/other themes, etc.).

It’s bad for Core Web Vitals. Splitting of CSS by @media conditions gives huge boost in performance.

More info on this:

Please consider implementing of this optimization in Discourse. Currently this problem is the thing which prevents me from switching to Discourse.

Please note what Reduce unused CSS and Eliminate render-blocking resources(which are all CSS in your case) are TOP 1 and TOP 2 recommendations for Discourse fourms by pagespeed insights.

Thank you for your amazing job!