CSS Minifier / CSS Compressor

How to Minify Your Website’s CSS

By minifying the CSS , HTML, and Javascript files on your website, you will shave some precious time off the page load speed of your website. Now we're not talking about cutting your page load speed by half or something, but every little bit helps when it comes to your website loading.

Not only is it important for first time visitors how good your site loads are, but it is also important to shift the search engine rankings. If you want faster page load times and better rating scores, you want HTML, CSS , and Javascript files to be minified.

How Does Minification Work?

The CSS minification preserve the operational qualities of the code while reducing its overall byte footprint.

• No source code side-effects
• Removes unnecessary line breaks, whitespaces and indentation characters
• Removes comments
• Removes the last semicolon of a style declaration and extra semicolons
• Removes empty CSS declarations
• Shortens zero values (e.g. -0px), removes units when using zero values
• Removes the leading 0 if a float value is lower than one
• Keeps a single charset per CSS file removing all extra declarations
• Chances RGB color values to a shorter hexadecimal format
• Shortens hexadecimal color codes, the pattern #AABBCC is reduced to #ABC
• None/null values are converted to 0 whenever safe to do so

Compression can dramatically reduce your page's size and thereby increase its speed. Minify your script to knock off 50 - 70% from your HTML, JS, and CSS files!

Some people, when confronted with a problem, think ‘I know, I’ll use regular expressions.’ Now they have two problems.

Jamie Zawinski