Speed up Website Load Time - Javascript, CSS Compressor

October 26, 2008 at 1:00 am · Filed under Programming, Tips - written by Roshan Jonnalagadda

Thanks for visiting! If you're new here, you may want to receive FREE daily updates to our Posts. So you won't miss a single article we write about technology!

The beauty of web designing comes with a bit of javascript and mainly css. I mean for me personally, I can’t think of a way to build a website without css. So how can you speed up the load time of your website but still use javascript libraries and css? The answer is quite simple. I found a script from Aciddrop, it can give you great results. All you do is add three lines of code and there you have it! A faster loading webpage.

So how does it do that? Well, say for example, if you have 6 javascript files it would be much quicker for you to join all the JavaScript together into one file and serve that instead. You can decrease the loading time further by minify your JavaScript, CSS and HTML. And also, by gzipping your page’s components and adding a far-future expires header can make your pages load faster as well.

Doing all these adjustments manually would take some time so using the script by AcidDrop might speed up things. On the test page the load time with the compressor turned on was generally below a second, and without the compressor between 3-5 seconds. The Yahoo Yslow rating went from F(45) to A(97) as well.