bloggingpro.com — Often overlooked for the more popular image optimization, CSS optimization can help shave off quite a bit from your pageloading times. The article compares four different CSS optimizers, leading to one winner. Even Digg could use its CSS compressed a bit.
Aug 17, 2006 View in Crawl 4
phantom42Aug 17, 2006
yes, sonofagunn, you are correct. but the point and results are the same - smaller file sizes and less bandwidth being taken up.im not commenting on whether or not these particular tools are really as good as one might hope - im commenting on the fact that smaller file sizes are always better.it doesnt matter if they chose to go from tables to css, or if they decided to just replace selected graphics with simple colored backgrounds - when webdesigners reduce file size, we all win.
xs650Aug 17, 2006
My CSS stylesheet is only a few kb but Icey’s CSS Compressor helped...not in the way you might expect.I took the Icey modified CSS, manually reformatted it to easily human readable and did a line by line comparison with my original CSS. I learned a couple of ways to do things more efficently and found an error in Icey's version that would have messed up my site formatting.It was worth the effort for me, even though I didn't directly use Icey's output.
ahmedfAug 18, 2006Submitter
Write em? Nope :) But I did submit this article, so of course I will defend parts of it.The point is that most digg users are not the average user. An average user has a high chance of having dialup, and in such a situation, the faster the download, the better. Plus, you are confusing gzip with css optimization, which just shows cluelessness :(
plasmaticAug 18, 2006
it returns pretty good compressed css.
bball2Aug 18, 2006
I'm using css compress (wordpress plugin) : <a class="user" href="http://dev.wp-plugins.org/wiki/css-compress">http://dev.wp-plugins.org/wiki/css-compress</a>and it has done the job amazingly well. It doesn't change the css at all. When activated the css file is called through the css-compress.php file and is outputtted without any comments and a lot of the spaces on a single line.On my site // <a class="user" href="http://www.bballcity.com">http://www.bballcity.com</a>It changed the css file from around 14kb to 5.881kb**according to <a class="user" href="http://www.websiteoptimization.com/services/analyze/">http://www.websiteoptimization.com/services/analyze/</a>
ngagneAug 25, 2006
I've found a method to compress you stylesheets on the fly using PHP, you can read more about it here:<a class="user" href="http://www.ibloomstudios.com/articles/php_css_compressor/">http://www.ibloomstudios.com/articles/php_css_compressor/</a>
pavpanchekhaAug 30, 2007
You are right that the css is not valid after Icey's - for a simple reason that's easy to fix:Iceys outputs "(backslash+double quote) instead of " (double quote). A simple replace in your favorite text editor will fix all of the validation issues. I've been unable to cantact "Icey" or whoever the author of the tool is, but for now replace works fine.Or, if you are of a slightly more adventurous turn of mind, download the code and fix it / add a replace statement to the end and host it somewhere and be done with it.The reason it doesn't affect browsers is that browsers will interpret (at least the most popular ones will) " and " as the same thing.Hope that helps.
sueblimelySep 16, 2007
With the maze of on-line web page optimizer tools available, it is great to see someone who has taken the time to try them and analyze their effectiveness.
monkeywafflesDec 31, 2007
Well, if you want to compress your CSS files better than the online ones, check out <a class="user" href="http://www.artofscaling.com/14/css-minification/">http://www.artofscaling.com/14/css-minification/</a> It groups commonly used sets of elements and reduces file size by quite a bit
alwed5Mar 23, 2009
<a class="user" href="http://www.linkedin.com/pub/12/353/a74" rel="nofollow">http://www.linkedin.com/pub/12/353/a74</a><a class="user" href="http://chat.ader3.com/" rel="nofollow">http://chat.ader3.com/</a><a class="user" href="http://qlbe.ahlablog.com/" rel="nofollow">http://qlbe.ahlablog.com/</a><a class="user" href="http://www.diigo.com/profile/abdalazez" rel="nofollow">http://www.diigo.com/profile/abdalazez</a><a class="user" href="http://www.blinklist.com/3bdalazez/" rel="nofollow">http://www.blinklist.com/3bdalazez/</a><a class="user" href="http://chatrooma.blogspot.com/" rel="nofollow">http://chatrooma.blogspot.com/</a><a class="user" href="http://www.4shared.com/u/qkspkmp/3394e779/_sharing.html" rel="nofollow">http://www.4shared.com/u/qkspkmp/3394e779/_sharing ...</a><a class="user" href="http://video.google.com/videoplay?docid=8926494886046824018" rel="nofollow">http://video.google.com/videoplay?docid=8926494886 ...</a><a class="user" href="http://www.alexa.com/data/details/main/dll3.cc" rel="nofollow">http://www.alexa.com/data/details/main/dll3.cc</a><a class="user" href="http://dll3.onsugar.com/2807515" rel="nofollow">http://dll3.onsugar.com/2807515</a><a class="user" href="http://dll3.onsugar.com/" rel="nofollow">http://dll3.onsugar.com/</a><a class="user" href="http://www.dll3.cc/Partners/" rel="nofollow">http://www.dll3.cc/Partners/</a><a class="user" href="http://forum.dll3.cc/showthread.php?t=3194" rel="nofollow">http://forum.dll3.cc/showthread.php?t=3194</a><a class="user" href="http://forum.dll3.cc/showthread.php?t=701" rel="nofollow">http://forum.dll3.cc/showthread.php?t=701</a><a class="user" href="http://forum.dll3.cc/showthread.php?t=1713" rel="nofollow">http://forum.dll3.cc/showthread.php?t=1713</a>
kid625Apr 19, 2009
Didn't thought of CSS optimization. Just read an article about Google crawling CSS pages, so this article was really relevant for me. Considering that some companies need to save some money on network it was nice to know optimizating CSS can help.<a class="user" href="http://www.zoommetrix.com">http://www.zoommetrix.com</a>