Practical guide
How to use the css minifier
The CSS minifier removes comments, spacing and redundant syntax to reduce stylesheet size. It is a delivery optimization, not a replacement for removing unused selectors or designing an efficient critical-CSS strategy.
Good reasons to use it
- Prepare a small stylesheet for production.
- Compare readable authoring CSS with its compact form.
- Check how much transfer size can be removed before compression.
A reliable workflow
- Paste the stylesheet and preserve the readable original.
- Generate the minified output.
- Test responsive layouts, states and browser compatibility before release.
How to interpret the result
Savings depend on the amount of formatting and repetition. A very large stylesheet may remain large because unused rules, duplicated frameworks or embedded data require separate work.
Frequently asked questions
Should I edit the minified file directly?
Usually no. Maintain a readable source file and regenerate the production asset through a repeatable process.
Does this remove unused CSS?
No. Removing unused rules requires analysis of the actual pages, states and dynamic class names.