Balkhis - Vision For Success

Killing a Giant Lion Turtle with your Site Load Time

Hour GlassEntering the new era of websites, Web 2.0, we have a new challenge. What do our users do in the time when the site is loading. I can tell you one thing. My users just blink, and the site loads. What about you? What do your users do?

With the look on your faces right now, I think they go Kill a Giant Lion Turtle.

Seriously, if that is the case then you need some serious help. Well not particularly you, but your website. In this post, I will discuss my experience with the fast loading time of Balkhis getting me alot of new users since the new design has been implemented.

I noticed alot of things since the new site was implemented, one thing was that my IE 6 users were very happy because traffic of IE 6 users increased. The main thing I noticed though was that my Bounce Rate Decreased!!!

The reasons why I figure that is because the site was loading much faster, so my users didn’t close the window because they didn’t get the chance to. Now I actually have stats to compare my Load time:

My Past Design

Site Load Time - 1.24 Seconds
Page Size - 36.12 KB

Source - Enkayblog

New Design

Site Load Time - 0.25 seconds
Page Size - 45.54 KB

Do you see the difference? That is a huge difference. So not only that I decreased the site load time, but I also increase my page size. Want to know how?

  1. Reduce Image Size - I realized that in the last design, I was using too many different images. They were optimized to an extent, but I was using too many of those. So I decided to make the design a bit more simpler, and started using the same image multiple times. I also reduced the image size a little bit also. It did decrease some what of the quality, but I can say it is barely noticeable. (Use GIMP, or Photoshop to play around with settings)
  2. Optimize your CSS File - If you are using a wordpress blog, then you are using a CSS File. My suggestion is that you go in that file, and start making some editions. Get rids of extra classes and ids that have the same function. Get rid of extra lines and spaces. Because the smaller your file is, the better your site load time is.
  3. Avoid External Javascripts - Are you using external javascripts on your site? If so find a different way to display that content because it slows your site down. Remember, I wrote about Kontera and site load time issues. Because they have external javascripts. One of the reasons, why I gave up on entrecard as well. A long article will be coming up regarding that as well. If you are using a peel away ad, use it from your own server. Not Adtoll’s because that also slows your site load time.
  4. Optimize your Blog Page - Are you one of those who are displaying 15 blog posts on one page. Well if you are then I would recommend changing it. One thing is because the more images you use in those posts, the slower your site will be. Second, it will decrease your page views. So display around 5 - 10 posts on your blog page. Not any more than that. You will see a better site load time, and increase in page views as well.
  5. Use WP-Super-Cache - Alot of bloggers underestimate the power of WP-Super Cache. That is one of the essentials for wordpress because it decreases your load time by a whole heck of alot. It simply lets your users cache your site, so it loads up quicker.

Now if you are still going slow, then it is not you it is your web host. I will say try out one of the better hosts. Look at my sidebar ad, to see which one I support the most ;)

Now by following the things, I described above, I think you should be able to easily decrease your load time. Believe it or not, you will see a decrease in your bounce rate, and an increase in readers. Personally, I would prefer other blogs to load fast as well because I visit too many of them, and I don’t want to wait for the sites to load, so I can comment faster and save time because I understand that to most people, time is money.

So don’t let your users kill a Giant Lion Turtle while waiting for your site to load. Follow these tips and decrease your load time.



To stay updated with the blog, please consider subscribing to my full feed RSS. You can also subscribe by Email and have new posts sent directly to your inbox. I hate spam as well, so I promise you that you will not be spammed.
Add to Social Bookmarks:
Add this Article to Digg Add this Article to Stumbleupon Add this Article to Del.icio.us Add this Article to Reddit Add this Article to Newsvine Add this Article to Technorati

RSS feed | Trackback URI

19 Comments »

Comment by Enkay Blog
2008-08-31 08:55:52

Thanks for the link back. Thats an excellent improvement on your part. The site looks good and the page loads really well. Keep up the great work on the blog Syed!


Comment by Syed Balkhi
2008-08-31 10:04:15

Thanks Nabil for the great stats.


 
 
Comment by Colin
2008-08-31 11:22:24

WP Super Cache can be great - but not if you making many changes to the structure of your site…


Comment by Syed Balkhi
2008-08-31 18:58:30

yes correct, but I added it, just because we are done with the design. If anything, I can always reset the cache :)


 
 
Comment by TheWeblogZone
2008-09-01 03:07:44

I tried to use WP Cache but I hate it when new changes on my blog aren’t implemented. I’m also hosting images on a free image host like imageshack, does this help improve my sites load time?


Comment by Syed Balkhi
2008-09-01 11:47:28

Imageshack doesn’t help your site load time. Reasons? So many people are using that service, sometimes it loads slow. It just saves your bandwidth. Thats all.


 
 
Comment by Otooo
2008-09-01 07:04:02

Thanks Syed - my blog is a bit slow at the moment (an in need of a unique design) so I will try to implement some of those.
I had heard before about the Javascript affecting loading time and image size, but none of the others.


 
2008-09-01 07:33:36

[...] Tips on increasing website speed. [...]


 
Comment by Authority Directory
2008-09-04 10:04:52

You make a good point on the hosting as I do think that some hosts provide slower service than others.


 
Comment by Paul
2008-09-05 13:34:23

Do these same tips work on regular sites too? We are putting up a lot of pictures and our load time is suffering.


Comment by Syed Balkhi
2008-09-05 16:42:09

yes most should work normal on your site except for wp-cache.


 
Comment by Free Directories
2008-09-06 03:00:07

Do your best to optimize the images. Some use Photoshop, but I prefer Fireworks. It can easily reduce the file sizes of images without any noticeable changes. There are other image editing programs that will help too.

If you have a “regular site,” you may also look into reducing the whitespace in your html files. There used to be a free software title called html compressor that did this. That can shave a little of the page size as well.


Comment by Syed Balkhi
2008-09-06 05:15:28

Photoshop is definately not the best one. GIMP (a free software) does very good in optimizing images.

(Comments wont nest below this level)

 
 
 
Comment by Martin Subscribed to comments via email
2008-09-07 07:37:29

Useful info, but I think you’ve missed one very important optimisation technique.
Many websites use multiple CSS files (and possibly multiple javascript files), with some web applications/packages using 6 or more separate CSS files.
This can significantly slow down the loading time for a website, as the browser needs to make multiple requests to the webserver - one request per file.
Simply combining multiple CSS files into a single CSS file can have a significant impact on the speed at which a website loads.

FYI, Google Chrome has a pretty cool profiling utility that’ll show you the speed at which a website loads, breaking it down to show you the size of each of the components, as well as the speed at which it downloads each file (go to the “Resources” view of the javascript debugger to use this feature in Chrome).


 
Comment by zuborg
2008-09-11 12:05:43

I would also recommend this online free tool: http://Site-Perf.com/.

It measure loading speed of page and it’s requisites (images/js/css) like browsers do and shows nice detailed chart - so you can easily spot bottlenecks.

Also very useful thing is that this tool is able to verify network quality of your server (packet loss level and ping delays).


 
Comment by Dr. Teeth
2008-09-13 19:24:45

I have remembered this post of yours and utilized on my new blog


 
2008-09-19 07:58:45

[...] Site load time was not the only issue with my previous design. There were a lot more to it that I changed. So hold tight while I cruise you through my journey. [...]


 
Comment by Work At Home Ideas Subscribed to comments via email
2008-09-25 20:11:59

Hi Syed,

What a great post! Having a fast loading site or blog is important for getting new readers and keeping old ones. Very useful information indeed.

Peter Lee


Comment by Syed Balkhi
2008-09-25 20:41:12

Yup yup .. a lot of people tend to ignore this aspect by placing a lot of javascripts on their page…


 
 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.