How do I use the CSS minifier?
- Paste your CSS.
- Press Minify CSS.
- Copy the minified CSS into your production file.
CSS minifier: frequently asked questions
Will minifying break my CSS?
Not for normal stylesheets. Keep the original file for editing and serve the minified copy.
Does my site need this if it uses a build tool?
Frameworks like Next.js and Vite already minify CSS for production. This tool is handy for hand-written sites and WordPress snippets.
What does minifying CSS do?
It removes comments, whitespace and redundant characters so the file downloads faster without changing how styles apply.
How much smaller will my CSS be?
Typically 15–30% before compression, depending on how many comments and how much whitespace it has.
Should I minify CSS by hand?
For one-off files, yes. In projects, a build tool should minify automatically on every deploy.
Does minification help PageSpeed?
It reduces bytes, which helps. Removing unused CSS and serving it with compression usually helps more.
Can minification break my CSS?
Rarely. Invalid CSS can behave differently once minified, so test pages after replacing the file.
Should I keep the original file?
Yes. Edit the readable version and minify a copy for production.
Is CSS minification the same as compression?
No. Servers also compress files with gzip or Brotli; both together give the smallest download.
Does WordPress minify CSS?
Not by default. Caching plugins or your host’s optimisation features usually handle it.