Boost Page Speed
CSS Minifier
Shrink your CSS files by up to 40%. Remove unnecessary characters to speed up your website's rendering time.
Input CSS
Why File Size Matters
Every byte counts. When a browser loads your page, it must stop rendering to download and parse your CSS (it's "render-blocking"). Large CSS files delay the "First Paint" of your site.
Raw CSS
Easy for Humans
body {
color: red;
/* Main color */
}
color: red;
/* Main color */
}
Minified
Fast for Machines
body{color:red}
Impact on Core Web Vitals
Minifying CSS directly improves your LCP (Largest Contentful Paint). Since CSS blocks rendering, a smaller file means the browser can paint the content on the screen sooner.
🚀
Standard practice is to minify CSS on your production build server. This tool helps if you are manually editing files or auditing code.
Bandwidth Savings
If your site gets 10,000 visits/month and you shave 50KB off your CSS:
Visits10,000
Savings/Visit50 KB
Total Saved500 MB / mo
Related Tools
More Developer Tools
Press ⌘K