0

I was used to using the 7-1-pattern to structure my Sass codebase.

Now I started analyzing my project with Google Lighthouse, and basically it tells me that I should removed my unused CSS. The unused CSS however is there because I include my main.sass, which includes all styles independently from the page I'm on.

How do you guys usually deal with this? Page-specific imports (breaking the 7-1-pattern) or are there other tweaks?

Boris Pöhland
  • 69
  • 1
  • 2
  • 1
    Does this answer your question? [Single huge .css file vs. multiple smaller specific .css files?](https://stackoverflow.com/questions/2336302/single-huge-css-file-vs-multiple-smaller-specific-css-files) – Balaji D Jul 15 '20 at 09:43
  • Not really, basically everyone over there suggests that a large file is a good way to go, but nobody talks about performance and unused css – Boris Pöhland Jul 15 '20 at 10:21
  • You should read all the answer, I like specially these one who talk about Http2... – BENARD Patrick Jul 15 '20 at 11:05

0 Answers0