Step 1: Testing the speed of the the default wordpress theme with a simple blog

Let’s see. I have just started the blog a few minutes ago, written a pretty blah first post and noticed that the whole blog seemed rather sluggish on one occasion. Why? To find out, I used some common web page speed testing tools.

The insights I gained from those tools were, for lack of a better word, shocking.

First I tested the page with Just typed in the URL and clicked the button to test the site. Within a few seconds the results appeared. Here are some juicy snippets:

web page test results 1

Ok.. the thing called ‘First Byte Time’ seemed rather bad. ‘Cache static content’ is worse, but as I’m writing this on a free hosted blog on, I don’t think I can do much about that. Let’s investigate the first stat further.

web page test results 2

Uh… what? This puny blog with almost no content on it takes a whole friggin’ MEGABYTE to load the first time? I’m at a loss of words. Can you say ‘bloat’?

To show you the next section, called ‘Waterfall’ by the tool, I needed a way to show you a part of the site which spans an area greater than the one visible onscreen. I needed a web page screenshot tool. I asked Google to find one for firefox, and voila, it took me to the addon FireShot. On the subject of bloat… the addon is over 2.3mb. OK, it has some fancy stuff like PDF screenshots, so I guess I can overlook it. But for what I wanted to use, I guess I could do with a leaner addon. My fault for being lazy and not searching extensively. Ah well, time to restart Firefox to use the addon (a grand tradition since the olden days). Just more hassle for me. I may be ranting here, but we’re practically living in the future (it’s the 21st Century!) and I have to restart my virtual window to the internet so that it can load a program that can take a picture of said virtual window so that I can post it in the internet. Why can’t it be seamless? I guess that’s a problem the near future will need to solve, among many others.

Anyway, here’s a screenshot of the ‘Waterfall’ section:

web page test results 3Basically, it shows that the most time wasted on page loading is some font called ‘Source Sans Pro’ from Google’s servers. Each request to fetch that took about 1000+ ms. I have nothing against the font. I’m sure it’s nice. But it’s not nice to waste that much time loading a font! It’s not like the average computer doesn’t have any decent default fonts installed these days. WordPress also loads another font from their servers for this theme. Also, the social media widget loads social media stuff from EACH of the respective buttons, and that takes rather a lot of time.

So, now I have some raw data, I have some ideas how to optimize the blog without touching the theme css itself. The next post will elaborate on those ideas and their results.

Hello everyone!

Hello me (or someone else stumbling upon this blog… unlikely though).

This blog will document my journey from an absolute beginner at HTML/CSS to becoming someone who can actually design halfway decent web pages. Let’s put it this way, at the point of writing this post, I have very little knowledge about how to develop a website properly. But I intend to change that through learning and testing things. So far so good, since I’m already writing a post… better than just sitting around dreaming of some perfect site!

I plan to document this process extensively. However, if anyone else but me is reading this site, don’t expect that to occur in a logical, sequential fashion. I will discover stuff as I go, try what works and what doesn’t, and write my findings here. If it helps anyone else but me, great 🙂