Css Over Load

January 24, 2008

Without css file you can’t see a web page/site, if css file is huge it makes web site load slow, so what to do?

how to Optimize your css code?

There are various way to Optimize your code, firstly you can do it manually using short hand css properties how every i am not explaining about it because you can get info from this links

http://brightscape.net/2007/10/04/squeeze-your-css-files-into-shape

http://www.pat-burt.com/web-development/10-tips-for-a-smaller-css-file

if you don’t want to waste your time in modifying your old style sheets you can simply use online css compress tools, it make your work in seconds
check this online css compress tools

http://www.cssoptimiser.com

http://www.cleancss.com

http://www.cssdrive.com/index.php/main/csscompressor

http://www.cssdrive.com/index.php/main/csscompressoradvanced

http://zamez.org/factorcss

Using Css Sprites

CSS sprites allow you to create a single image file that contains all the images laid out in a grid, requiring only a single image and you can show respective image using backgroung-postion property…

For more info

http://www.alistapart.com/articles/sprites

Online Css Sprites Creator

http://www.csssprites.com

It also displays code for background postion for image for each image.

Will this tips reduce css file size, yes no doubt in it

Note: Don’t forget to validate your style sheet