We've got 524 people subscribed to ROCKFUSE,
who know that we don't dissapoint our readers!
 |
 |
 |
 |
 |
|
|
|
|
|
|
In the earlier post, we discussed how we can find the troublesome areas by using Firebug and YSlow. So, when are we actually going to do anything about it? Here’s the scoop on certain methods that can really give you a real performance boost.
Before going any further, I must state that it is extremely necessary you back your files up in case something goes wrong.
If you’re loading JavaScript file in your plugins – or maybe whole libraries, it would take your blog an awful lot of time to load everything. Certainly, the easiest thing would be to let go of certain JavaScript files if you don’t need them. But that’s not really going to work for the ones that you absolutely need right? In the earlier post when you were exploring your components, you might not have had the birds-eye view unless you played around the ‘net’ tab of Yslow.
This tab tells you everything about the different components in your blog and their loading times. Images, JavaScript files and CSS files, you name it!
Alright, at this moment, we can actually compress the JavaScript files that are taking a whole lot of time to download, to cut down on the loading time. What we do is, we get the appropriate file from your blog’s installation directory, copy the whole text in the file, and input it into a JavaScript Compressor.
After the compression, copy the compressed text out and replace the uncompressed(original) JavaScript code in the file – which will make the file size shrink. You don’t need to worry – it’s the same code, presented in a different manner, and nothing can go wrong with your blog.
The same goes for CSS file. Do you know that all the comments and the whitespaces in your CSS can add an unwanted weight to your loading time?
So, what we’re going to do is remove all the unwanted clutter from your theme/plugin CSS. Like before, you can bring up the ‘net’ tab and hunt down the CSS files with large ‘bars’. After you seek them out, do the same thing that you did to JavaScript files, only now, you’ll be using a CSS Compressor. This handy tool will shrink your CSS down dramatically.
As before, it’s the same CSS code, presented differently.
One of the best ways to cut down the response time of your blog is to shrink the images down a bit. There are a couple of ways in which you can achieve this. But before we start it off, you should know when to use different image types, namely, JPEG, GIF and PNG.
To optimize your images, it would be best if you can get your hands on a copy of the Adobe Photoshop. The latest version is CS3, but anything above 7.0 should do for the optimizations. Simply open you image and go to “File > Save for Web” or “Save for Web and Devices”. It’s pretty easy to figure out what you should do thereafter since it’ll give you a few optimization options and live previews.
If not, the easiest thing to do is go for an Online Image Optimizer. You wouldn’t get everything that Photoshop has to offer, but it still beats the un-optimized images. Input the image, and it will give you few previews and the sizes of optimized images with preset settings.
So, I guess that brings closure to our two part series on “How to make your blog load faster”. I know that this had been a rather geeky how-to series, so if you need any assistance anywhere, just shoot me a mail or a comment and I’ll try my best to help you out.
I know I had to cut down the size of the CSS but too lazy to do it. Thanks for sharing the tools
you seem to spend more time on your blog than anywhere else. quality posts and more ads plus the creativity. and yeah, your blog loaded much faster than other blogs i visited. i’ll try this next time. but, hey does my blog load longer than it should be? hop in my blog again. thanks.
No problem. Cutting down CSS is probably the easiest out of the lot, if not, optimizing the images..
I do not disagree
I believe your loading time is pretty alright. You’d be limited to the customizations you can make since it’s a blogspot blog. But, I guess you shouldn’t be worried about that anytime soon.
Nadeesha, thanks for the tips on selecting the appropriate images, and regarding the Online Image Optimizer. As for the ‘geekiness’ factor of your posts, please keep them geeky, because I need all the techno help I can get!
[...] loading time is a problem for many blogs , but there are things that you can do to make it faster , How to make your blog load faster by optimizing java scripts , CSS and images describes few of the things you can do to improve it with links to the relevant free [...]
[...] However, the downside of nice blog headers is the amount of bandwidth it takes and the increased page load times. Of course, this can be improved to a certain extent if you just follow a few optimization tips. [...]