How do I minify CSS? Do we still get the same result after minifying?

Answer 1

You can run your CSS through online CSS minifying websites.

https://cssminifier.com/

https://www.cleancss.com/css-minify/

https://www.minifier.org/

Answer 2

Yes! You get the same result from minifying you CSS as you do regular CSS. The only difference is a smaller file size.

"Mini-fication" is an optimization process that essentially strips out all the "whitespace" characters that take up file size and shrink the file down to only the code that is run in the browser.

It allows the browser to parse your CSS at render time more efficiently and saves you on file size when delivering assets from your server.

You can minify your code with browser based tool like https://www.minifier.org/

Or if your using a build process and want to automate it and have a bit more control;

you can use a library like https://cssnano.co/ or https://github.com/jakubpawlowicz/clean-css

There's probably a bunch of different ones implemented. I try and look for the most actively developed and supported. They are more likely not to drop off the face of the earth if you can't figure out something about their tool.

Hope this helps.