Pages Loading Faster With Optimised HTML Code

Optimise page loading times for more Page Impressions
Optimise page loading times for more Page Impressions
Site News

Two days ago I made this wonderful discovery. Now, as a relative newcomer, I realise that this may be yesterdays news to some of the more experience HTML coders. Simply put, this is a way of optimising your HTML code so that your pages load faster.

A lot faster.

In my case working through 10 000 words of HTML code, re-writing and re-ordering parts of it where necessary, for two days — that probably doesn’t sound like much fun. The effort was well spent. The goal was to shrink all the page images. By using smaller, lighter images the overall page load time of each page is greatly reduced. This is particularly noticeable on image intensive pages. High resolution images only load after you click a link. This might sound obvious but it’s an aspect that is often neglected.

This follows a major SEO tune up, two weeks ago, see this post here for details. This is part of our mission for the site, to be loading quickly and smoothly and to improve search and page rankings. To reach full W3C compliance is also on the agenda. All in good time, as my grandfather on my mothers side used to say. We called him ‘Oupa’ which literally means ‘old father’.

As a side benefit some sections of the code were re-ordered and rewritten. This gave more uniformity to the code layout. Apart from the obvious efficiency benefits of having better structured code, it has translated to an improved more consistent web page layout.

“In a way it resonates with the design. The WordPress Theme called ‘F2′ was chosen for the light, clean, minimalist feel. Optimising the code has helped to give an even cleaner look. This flows from the simple benefit of uniformity of layout in the coding — and I’m sure there is still a lot for me to learn on that score. For me the best advantage is to be had from optimising for smaller, faster loading images. Large, higher resolution, images only load when a link is clicked on. Most pages are loading faster now.” – Editor

Faster loading pages make for a better user experience and that should translate to more page impressions. On the graph shown above “Page Impressions” immediately jumped more than 100% above average. So far the graph is still climbing.

2 thoughts on “Pages Loading Faster With Optimised HTML Code”

  1. Hi John, you may want to look at optimising your site header, it’s 135kb, a quick test in photoshop and I see that you can get the image down to 26kb while not losing any image quality. I’ll mail it to you if you want.

    Cheers Anton

    1. Hi Anton,

      Good one.

      I used jpegmini online to reduce the size of the header image to 38kb as I don’t have PS. It’s a good 12kb shy of your amazing 26kb number, but probably good enough for me. Many thanks for your input. Your suggestion is greatly appreciated.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>