Developer Tools

CSS Minifier

Minify CSS by stripping comments, whitespace and unnecessary characters to speed up page load.

Output
Output will appear here…

About the CSS Minifier

Stylesheets block rendering: the browser will not paint until CSS is downloaded and parsed. Every byte removed shortens that wait.

Paste your CSS to strip comments, whitespace and redundant characters while keeping the cascade intact.

How to use the CSS Minifier

  1. Paste your stylesheet into the input field.
  2. Minify and compare the size before and after.
  3. Test the result on a page — check any rules using calc(), where spacing around operators is required.
  4. Ship the minified file and keep the readable source in your repository.

Frequently asked questions