What are the tools that can render CSS for the visible part of the site?

Question

css

Good day. Can you please tell me what tools are there that can render CSS into a separate file for the visible part of the site (the first screen)? I usually do it with my hands, but now I used Bootstrap, so there is no desire to dig there. Thank you!

Answer 1

Purifycss
Works with Gulp, Grunt, Webpack. Can be run from console:

$ purifycss
usage: purifycss <css> <content> [option ...]

options:
 --min                Minify CSS
 --out [filepath]     Filepath to write purified CSS to
 --info               Logs info on how much CSS was removed
 --rejected           Logs the CSS rules that were removed

 -h, --help           Prints help (this message) and exits

Answer 2

Look at the pagespeed module. https://developers.google.com/speed/pagespeed/module/