Combine CSS/JS?

I’ve been investigating some more nit-picky performance issues on a client’s website. We built in WordPress (managed by GoDaddy/Orion Pro) and I implemented Astra Pro + Elementor for him to make changes on his own when needed.

His SEO testing subscription is giving him a 90% score and Google gives him 85-89% and GTMetrix/YSlow hovers around 87/81%. However, he’s very concerned about the “F” Grade being given to “Reduce HTTP Requests” in YSlow. However, I’m more concerned with PageInsights pointing to render-blocking issues as an “opportunity,” along with the biggest points reductions for First Contentful Paint and First Meaningful Paint (which essentially point back to render-blocking issues). He also ran a report with SEMRush that points to uneven minification across the board (To be honest, though, a lot of the links pulled were for a twitter feed that I disabled and need to flush the cache, so we’ll ignore that for now).

I went in to my theme editor to pull out the CSS and JS from WordPress and did notice that Astra built about 43 separate CSS files (including the RTL versions) and about the same amount of JS files, and I was going to combine in Atom and test…however…..when I stepped back and took a look at what filenames were being referenced in the homepage’s HTML, I noticed that it kept referencing a “global” css file that does not exist.

SO: Is there a way to combine by CSS and JS that won’t break the homepage, since it looks like it’s dynamically creating new directories ???????? Am I missing something? Is there another way to combine my theme’s style folders?

The page I need help with: [log in to see the link]