Reduces file size by removing comments, unnecessary whitespace and redundant characters from your CSS code. Runs entirely in your browser.
What Is CSS Minification?
As CSS files grow, load times increase. Minification shrinks the file by stripping out comments, unnecessary whitespace, trailing semicolons and indentation. The result is interpreted by the browser in exactly the same way, but downloads faster.
The Benefits
With large CSS files, minification can cut size by 20–50%. This helps render-blocking resources load faster and supports better Core Web Vitals scores.
How to Use It
- Paste your CSS code into the left pane.
- Click the Minify button and copy the result.
- Use the
.min.cssversion in your production environment.
Tip: If you serve your minified CSS over a CDN together with browser caching, the performance gains multiply.
Frequently Asked Questions
Can I edit minified CSS afterwards?
Technically yes, but it is hard to read. Always make your changes in the original (source) file and minify it again.
Is minifying the same as combining?
No. Minification reduces file size, whereas combining merges several files into one to cut the number of requests. Using both together gives the best result.
