Minify CSS

CSS Compression and CSS Minification Tools

11th
March

Online tools to compress your CSS code ad-hoc

The Minify CSS tools listed to the right give any users easy one click CSS minifying. Simply copy and paste your code into their online CSS compression tool form box, click submit, and seconds later you will have the same fully functioning CSS code... Just reduced in size by about 60% compared to the original.

These tools are a great option for users that don't frequently change their CSS code and thus don't have to worry about debugging the minimized CSS source code.

For users that are constantly changing their CSS code, a real-time CSS compression script is a better choice; for real-time CSS compression we recommend the Yahoo! YUI Compressor over all others… although Google Minify does take a close 2nd place and runs great on PHP 5 servers.

Does This Technical Lingo Confuse You? No Problem: Hahe a Professional Help You

Have a Streamlined Fusion Certified Web Programmer do it on your behalf for the one time low cost of $35. Learn more here.

MINIFY CSS TOOLS - ONLINE USE

5.0
RATING CSS Compressor
Advanced Compression and easy to use. 4.8
RATING Compress CSS
Minify CSS fast, programmer or not. 4.2
RATING CSSCompressor.com
Great utility with constant updates. 4.2
RATING Huffman CSS Compression
Specialized for English CSS code. 4.0
RATING Code and Coffee
Select from multiple compression levels. 2.6
RATING CSS Drive
Online CSS packer. 2.0
RATING Creativyst CSS Compressor
Basic, but functional.

Real-Time CSS Minify Scripts

15th
March

Compresses CSS code in real-time via PHP scripts on your web server

If you are a power user that constantly is changing your CSS code it can become a hassle to repeatedly compress your CSS manually.

In these circumstances a real-time CSS compressor is the best solution.

These on-demand CSS Minifiers (usually written in PHP) take ALL your page requested CSS stylesheets and compress it into a single Minified CSS stylesheet that is then "served" to the end user's web browser.

This type of collective mass CSS compression has the potential to increase page load times by up to 90%. Yes you heard correctly, 90%!

MINIFY SCRIPTS - REAL-TIME

4.9
RATING Yahoo! YUI Compressor
Time tested and solid. 4.8
RATING Google Minify
Works with JS and CSS. 3.9
RATING ShrinkSafe
The Dojo Toolkit. 3.0
RATING CodeIgniter
Realtime CSS Compressor.

View CSS Page Load Times With Firebug and ySlow

19th
March

Incredible Firefox extensions for web developers

Firebug and ySlow are (in our opinion) the two most helpful tools (of all time) created to help web developers. If you don't already have these Firefox extensions installed - download them now!

ySlow especially gives you great insight into how your CSS code loads, in what order the CSS loads and how long the CSS takes to load. You will immediately see that CSS more often than not accounts for 70+ percent of the total KB downloaded by a web browser to render a webpage. Minimize this code NOW and be amazed on how much faster your page loads.