Does 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.
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
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)
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.
This site runs on Thesis. Yours should too
Are you a blogger that doesn't understand a lot of PHP? Are you looking for a theme with Flexibility, Easy Customizations, Rock Solid SEO, and Outstanding Support?
If so Thesis is for you. Using Thesis you will have more control over layout and design than you ever thought possible. Simply point and click.
For more advanced users Thesis has an intelligent customization system that uses hooks. Using hooks you can use Thesis across all of your sites and never tell it was the same theme. Watch the Thesis Video Tour.
{ 3 trackbacks }
{ 11 comments… read them below or add one }
So my domain loads up over 600k of junk.. is that bad?
hey! thanks for visiting my blog… and thanks for the CSS of mybloglog widget.. i owe it to you.. ^__^
I got very good tips about Firebug. I have installed it log back, but did not know about that very good feature.
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.
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)
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.
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.
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).
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
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!
I’m looking for a similar tool to yslow (which I think is great) but that allows me to spider an entire site (opr selection of pages) and generate a (preferably printable) report showing the results. Any ideas?