A few days ago I was reading about minimizing CSS files on the Yahoo Developer best pratices website. They say its better to combine css and javascript files in one file.
“80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. This is the key to faster pages.” Source: Yahoo
Yahoo made a tool called Compressor. With this tool it’s posible to compress css and js files. Unfortunately it’s a geeky commandline application and not everybody is capable of working with such a tool. For those people I made a small application myself called MinifyMe in Adobe AIR.
If you look in the image above you see that the application created a pack.css wich contains the code of all 4 css files.
If you want to install this application click on the badge below. If you run into any problems let me know!
Update: I got a lot of feedback from Smashing Magazine readers, thank you all for that! Many of you were thinking I used the Yahoo Compressor, but unfortunately that’s not the case, simply because it isn’t possible to make such external call from AIR. What I basically do is combine all selected files, and then remove new lines and (some) whitespaces.
Like this post? Follow me at @jankeesvw on Twitter