While developing a website, it may help to add whitespace to your CSS to make it easier to read and maintain. However, when serving CSS to your actual visitors, it's often best to minify it, which involves removing that empty space. This makes the filesize smaller, reducing your bandwidth usage and improving page load time. You could see large improvements in filesize and load time, depending on your input.
// load your unminified CSS code $input = file_get_contents('/path/to/your/stylesheet.css'); // minify it $output = preg_replace('/[\s\n]+/', ' ', $input); // on your actual site, you can refer to "minified.css" file_put_contents('/path/to/your/minified.css', $output);
// the regex is the same var output = input.replace(/[\s\n]+/g, ' ');
Simply paste a block of CSS in the text area below and press Go, and your code will be minified!
There are many additional measures you take if you want to squeeze every last byte out of your code, but even this is enough to noticeably improve your website's response time.
All original work on this site is covered by a Creative Commons Attribution 3.0 license unless otherwise specified.
You may share or use any code or images from this site in any manner, for free, so long as reasonable effort has been made to give credit where due.
The views expressed in the posts and comments on this blog do not necessarily reflect those of my current or former employers.