Compress your CSS for faster websites
/* Comment */
body {
background-color: blue;
color: white;
}
h1 {
background–color: purple;
}body{background-color:blue}h1{background–color:purple}CSS minification removes unnecessary characters from your stylesheets – spaces, comments, line breaks, and extra semicolons – without changing how the browser interprets them. This results in smaller file sizes and faster loading times.
Smaller CSS files mean fewer bytes to download, especially critical for mobile users or slow connections.
Page speed is a ranking factor. Minifying CSS contributes to a faster experience, improving your search visibility.
Keep your source code readable with indentation and comments, then minify for production – best of both worlds.
Smaller files mean less data transfer, saving money for high-traffic websites.
Enter your unminified CSS code in the left textarea. It minifies in real-time as you type or paste.
Our tool removes whitespace, comments, and extra semicolons, producing a single-line output.
Click the copy button to grab the minified CSS and use it in your production website.