AU Interactive

3 Quick Ways to Speed Test Your Website and Improve Loading Time

Website speedometerDoes your website load in 2.4 seconds or 240? With today’s high broadband penetration, many people have started to take load times for granted. I run into more and more websites that take a long time to load due to bad coding, gratuitous (and risky) use of widgets, an ungodly amount of embedded media, etc. Yesterday even Techcrunch was brough down due to these issues. If your pages are slow to load, people won’t come back. Here are some ways to speed test your website:

1. The very basic speed test

In last week’s webmaster tools post Lee mentioned iwebtool’s speed check which returns the size and estimated loading time of any site. The tool is pretty basic though – it only gives you the size of the page itself (and not anything else). You can get this same info by running a Google search for your site using “site:[yourdomain.com]” – it will return the size of the page next to the domain.

Results for AU Interactive blog: 21.7 Kb in iwebtool and 22 Kb in Google.

Web page speed report

2. Old school Web Page Speed Report

This tool has existed for ages. It gives you a succinct breakdown of the number of objects, http requests, and download times estimates. The recommendations at the bottom are pretty stringent (by today’s standards). One drawback is that the tool doesn’t take into account external scripts or load times caused by objects called by them, which in reality isn’t the whole picture.

Results for AU Interactive blog: 51.2 Kb

Basic website speed test results

3. The Firebug Website Speed Test

This method requires that you install the Firefox extension Firebug (which is free and open source). It’s definitely worth it though because it gives you the most complete picture of how your website loads. After installing the extension – open up firebug (bottom right check-mark in your Firefox window) and click on the “Net” tab, then load your website. It will show you in real time how the elements load along with their size and download speed. This lets you pinpoint bottlenecks and elements that slow down your site. You can even break them up by type (html, css, javascript, flash). This method shows you all the objects that are loaded, even those that are called by external javascript. This, in my opinion, is by far the best way to speed test your website.

Results for AU Interactive blog: 149 Kb (30 from cache)

Firebug speed test results

Using method 3 (Firebug) I was able to see that Feedbutton (which I’ve since removed) was causing 11+ second delays in load time on this website. Do yourself and your visitors a favor and test the load times of your sites. Do it. C’mon. Do it.

Chris Hooley said,

February 13, 2007 @ 11:01 am

So my domain loads up over 600k of junk.. is that bad?

Jehzeel Laurente said,

February 13, 2007 @ 5:41 pm

hey! thanks for visiting my blog… and thanks for the CSS of mybloglog widget.. i owe it to you.. ^__^

WebmasterFeed.org » 2007 » February » 15 said,

February 15, 2007 @ 2:49 pm

[...] 3 Quick Ways to Speed Test Your Website and Improve Loading Time Markus Urban leads us to three tools that will help to determine the load time of websites (Tags: webmaster tools, website usability) [...]

Big Problems Facing MyBlogLog said,

February 19, 2007 @ 11:00 am

[...] that is not only distracting, but weighs in at 735 Kb – That’s huge! That will slow down the loading time of any blog where that member visits. MyBlogLog either needs to disallow animated gif’s [...]

Satya Prakash said,

March 2, 2007 @ 9:13 am

I got very good tips about Firebug. I have installed it log back, but did not know about that very good feature.

Ryan said,

March 8, 2007 @ 4:27 pm

Neat Trick.

It looks like you caught feedbutton during a server hiccup, as I’ve never seen 11 second load times before.

We’re working on getting a new dedicated server for the site though, so hopefully you’ll see some faster load times in the near future.

Thanks for pointing that out though. You convinced me to upgrade to a better server in the coming weeks.

Markus said,

March 8, 2007 @ 5:13 pm

Hey Ryan, you might want to look into Amazon S3 to host all your images for feebutton. It’s a lot more scalable (and relatively cheap)

Forbes Wins Worst Web Usability Award said,

April 25, 2007 @ 12:24 am

[...] the site has reloaded over 20 times and has eaten up over 10MB worth of bandwidth (according to firebug). Now some of you astute readers might be asking, “wait, 20 times? Didn’t you say there [...]

SEO Reloaded said,

May 2, 2007 @ 7:41 am

I just downloaded and installed the Forefox plugin Firebug and tried it on a few sites. It is a great tools, thanks for sharing. Helped me identify exactly where the problems were which were causing the sites to load slowly.

Pepperstix said,

June 1, 2007 @ 6:25 am

Quite right about the temptation to add fancy widgets. Best to test their loading speed before placing them permanently. I always (definitely always) keep tabs on what Jacob Nielsen advises over at his useit.com. Thnx for the Firebug lead.

zuborg said,

September 19, 2008 @ 9:45 am

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).

Ian Stewart said,

November 3, 2008 @ 4:59 pm

There’s another very useful tool at http://linuxbox.co.uk/website_performance_test.php . Similar to YSlow, but covers a few extra things too

Anton said,

June 24, 2009 @ 5:33 am

YSlow is very nice, I especially like how extensive their guide and FAQs are (I guess, to be expected, coming from Yahoo). Thanks for putting this overview together!

Leave a Comment