PurgeCSS and UnCSS scan your HTML and remove CSS rules that are never used — often reducing framework stylesheets by 80–95%. Learn how to set them up, and use the minifier above to compress what remains.
CSS minification is the process of removing all unnecessary characters from CSS source code without changing its functionality. This includes whitespace, line breaks, comments, and redundant semicolons. The result is functionally identical CSS that is significantly smaller in file size.
A typical hand-written stylesheet can be reduced by 20–60% through minification alone. For large framework stylesheets like Bootstrap or Tailwind, savings are even greater.
Yes, completely. Minification only removes characters that have no effect on how CSS is interpreted: whitespace, line breaks, comments, and trailing semicolons before closing braces. Selectors, property names, and values are never modified.
The minified CSS is 100% functionally equivalent to the original. Browsers parse minified and unminified CSS identically — the visual output is exactly the same.
Minification and Gzip compression are complementary techniques, not alternatives.
| Technique | What It Does | Typical Saving |
|---|---|---|
| Minification | Removes redundant syntax | 20–60% |
| Gzip | Encodes the file for transfer | 60–80% on top |
| Both combined | Smallest possible payload | 70–90% |
This tool does both. Minification compresses CSS for production: removes all whitespace and comments to produce the smallest possible file. Beautification (formatting) does the opposite: adds consistent indentation and line breaks for readability during development.
Use minified CSS in production. Keep the readable version in your source control for development and maintenance.