Most of *tutorials* about speed optimization that I’v seen talk about minify css, combine them etc… today I’v faced myself (lol) in to a problem… I’m using Flat UI – Free Bootstrap Framework and Theme on a very simple html page. That page will be delivered in a zip file and I just want the HTML itself… So, I want to put the CSS in the HTML but I don’t want the unused stylesheets on it…
So I’v installed CSS remove and combine from Steve McArthur.
Some graphs taken from https://unused-css.com/ about the used/not used CSS selectors/stylesheed.
- 27% of the CSS selectors are used
- The cleaned CSS file size is 61% smaller
- Css usage after cleaning 7% of the CSS selectors are used
- The cleaned CSS file size is 85% smaller