How about some branding or colors or both!

This isn’t really supposed to be web development 101 but it is boiling down to it, isn’t it? We started out with dead simple DOM (our html markup) and now we are adding to it.

The point is that we have some good speeds right now, but we don’t have any utility. We don’t have any functionality. So the speed is worthless. What we really want is to have high speed AND utility, functionality and reliability.

So let’s get our branding on this relatively blank canvas as well as some text.

Adding a GIF image to the top and increasing our DOM elements by double (from 8 to 16) we still have a pretty speedy page.

Timing

  • Load Time: 0.439s
  • TTFB (First Byte): 0.153s
  • Start Render: 0.394s
  • Speed Index: 396

Pretty decent. But we really only have one image, and no conveyence of our purpose for existing. Haha. We better continue adding our core elements of purpose (utility, functionality and reliability)

A little better

I was looking at what was causing the slow down, and it was the favicon.

I hadn’t defined its location, name or anything about it and the results were going out and looking for it on its own. And including it in the test.

I moved it off to a CloudFront CDN and made both the .ico and .png versions available using the CDN, and then also put in a “dns-prefetch” link so that it can resolve that CDN as quickly as possible and our TTFB went down by a single MS. No big deal.

But at least the favicon (which is typically called upon by the browser AFTER the page is loaded) won’t get in the way of our tests.

Marching forward!

Moved the blog

I moved the blog to a sub directory and sure enough – huge gains!

The problem is – the new landing page doesn’t have anything on it. So this is a worthless test. But it does show us how minimal we CAN be.

Timing

  • Load Time: 0.255s
  • TTFB (First Byte): 0.151s
  • Start Render: 0.389s
  • Speed Index: 389

Super fast and gets us an “A” in the TTFB rating.

2015-09-11-11_18_01-WebPagetest-Test-Details-Dulles-www.leeseit.com-09_10_15-16_49_28

But I wonder if we can do better…

Baselining

To begin, we are going to use the metrics highlighted on WebPageTest.org.

Running a test there, we see a few things that stand out:

Timing

  • Load Time: 4.438s
  • TTFB (First Byte): 0.968s
  • Start Render: 2.589s
  • Speed Index: 2636

Total weight of the page was 0.99 Megs; which makes the home page actually pretty expensive as far as downloading on a mobile device.

Luckily our hosting provider has done somethings to help our performance out of the box. They have allowed keep-alive and compress files for transfer. This is good. It gives us a few “A”s.

2015-09-11-10_57_01-WebPagetest-Test-Details-Dulles-www.leeseit.com-09_10_15-16_49_28

Clearly we have our work cut out for us as far as time to first byte. Let’s start there.

The start…

I spent some time yesterday formulating a plan and today marks the beginning of the engagement.

I’m moving the blog to a subdirectory of the website because we are going to be doing some experiments related to performance tuning and the first step is to baseline with static files. Our WP site has some backend processing when it loads which makes it a bad candidate to have as our landing home page.

The plan is to journal through this process so that wherever we end up, we have a repeatable path and have a proven plan for success as well as lessons learned. So over the next few days, the site is likely going to be a little wonky. Bear with me …

Microdata – Exciting!

I have been studying up on some of the latest cool things that HTML 5 is bringing us. I have been so steeped in geo data/software/programming that I have gotten slightly rusty on the whole SEO scene. Can’t believe we have moved into a unified arena for search called “microdata” – this is exciting. Not sure how I missed it but it totally makes sense and I expect to be adding this to as many existing clients as possible. It will completely poise everyone for rich internet experience as far as drawing the right people to the right sites. With semantic mark up this is going to be really exciting. No more visiting the “wrong” site when searching from your mobile device. Really looking forward to seeing how this works in everyone’s favor in the next few years.

WordPress Links

I have been writing several blogs for several years. I don’t have very many subscribers but it is a nice way of archiving the things that go on in my life and helps me keep perspective of things. Anyway – one of the blogs has to do with Drag Racing. It is really a running commentary of how my own engine and racing development programs are progressing. On this blog, I recently felt inclined to add a bunch of links that are related to what I do – racing, Pontiacs, etc. The day after doing this I got a SURGE of hits, comments and overall activity. Much of it was spam but it triggered the question for me, “Why?”. Why did all this activity come on the site? It must have been tied to the links. But I thought Google’s PageRank was going the way of the DoDo. How could these links influence and drive blog traffic to my site? So many questions. But I may try another experiment with another blog just to see how it works out and see if it drives traffic. If it does – we may be onto something here 🙂