I just updated the theme. It seems like there are about 100 css references now. I’m not sure if this is all theme related, but there are way more CSS files now than there used to be. I’m attaching a screenshot.
Our theme CSS code is split into small modules, that is why you see all these files. It is much better for performance than one big file that will be loaded on all pages. But anyway, if you want to change this, you can switch on the Combine CSS option in Theme Settings -> Performance -> CSS.
How is it better to have small modules? I thought that combining the CSS allows the page to load faster because there would only be one file request for the CSS instead of 100?
The number of CSS files doesn’t matter. But the total size of the page does matter. Anyway, you need to also use some optimization plugin that will combine all CSS files not only from our theme. We recommend you using WP Rocket for this task.