<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d18402388\x26blogName\x3dLearn+CSS+and+Website+Authoring\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://learning-css.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://learning-css.blogspot.com/\x26vt\x3d4499111865787424895', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Learn CSS and Website Authoring

The Quest of Learning CSS and Becoming A Webmaster


Why Compress Your CSS Codes?

Wednesday, August 23, 2006

In a text file, there are lots of empty spaces between the codes, paragraph. Sometimes we write our CSS code by lines, sometimes we space our codes to provide a better readability. However, when the css files are saved, it takes a lot of kilobytes. A lot of kilobytes normally translate into longer loading time for the browser.

If you are using dial-up internet connection, it will take a while before you can see the webpages. In my country, you can also browse the internet using your mobile phone using GPRS connection. However, you will be charged based on how many kilobytes you are downloading. The more you download, the more you have to pay. If you are a thrifty person, I guess you will save and maximize most of your internet usage to cut down costs.

In a webpage or even your blog, you can cut down your CSS file for faster loading in a web browser. There are a number of online CSS tools to achieve this:


CSS Optimizer

CSS Optimizer

Flumcake's CSS Cascading Style Sheet Optimiser

Flumpcake's CSS Cascading Style Sheet Optimiser


Icey's Projects- CSS Compressor


Icey's Projects- CSS Compressor


Clean CSS
Clean CSS


Be faster loading and stay saved. :)
posted by Encik Jay, 6:48 PM

0 Comments:

Add a comment