CSS minification removes unnecessary characters from your stylesheets without changing their functionality. This includes comments, extra whitespace, newlines, and redundant semicolons. Minified CSS loads faster and reduces bandwidth usage, which is important for website performance and Core Web Vitals scores.
The minifier removes all CSS comments (/* ... */), collapses multiple spaces and newlines into single spaces, removes whitespace around selectors and properties, and removes trailing semicolons before closing braces. The result is the smallest possible CSS that produces identical rendering.
Frequently Asked Questions
Does minification change how my CSS renders?
No. Minification only removes whitespace, comments, and redundant characters. The visual output of your stylesheets remains exactly the same.
How much smaller does CSS get after minification?
Typical CSS files see a 20-40% reduction in size, depending on how much whitespace and comments are in the original code.
Should I minify CSS for production?
Yes. Minified CSS loads faster and reduces bandwidth usage. Most build tools like webpack and Vite do this automatically, but this tool is useful for quick one-off minification.
Does this tool handle SCSS or Less?
This tool processes standard CSS only. SCSS and Less need to be compiled to CSS first before minification.
Is my CSS data stored anywhere?
No. All minification happens in your browser using JavaScript. No data is sent to any server.