Improve Web Page Load Time

I will share with you what I have been doing to improve the page loading time of my Blog. If a web page takes too long a time to load, the readers will simply hop on to another site. Making it load quickly also saves the dial-up internet users' money and time. While it is true that the download time depends on the readers' internet connection speed, we can as Blog owners tweak our layout and source code to speed up the page download.

There are online tools that you can use to check the download time of your Blog. We used this Website Speed Test to check the load time of my Blog. You can enter a maximum of 10 web addresses. It will show you the page size, load time, and average speed per KB.

Generally, it is best to keep the load time to under 2 seconds, but anything up to 8 seconds is acceptable. These results are therefore satisfactory and our efforts in minimizing the load time have paid off. Although it looks good on record, there were still times when our page took longer than it should to load. As we shall explain, some of these factors are beyond our control.

Here are some of the tips that can improve your site's performance:

1. Sounds, Videos and Gadgets

It is interesting to include music, videos, flash programs, slideshows, gadgets and special widgets into your Blog. However, we all know that these files take time to load. The first step is therefore to remove those that you really don't need. For instance, rather than to embed all the videos into the sidebar, try creating text links instead. Those who are interested in viewing can click them to view the videos that you have uploaded onto Youtube or other hosts. Also, if you are embedding a background music file, choose one that has a very small file size (e.g., MIDI files instead of WAV files).

2. Images and Pictures

If you have a lot of images in your Blog page, optimize them by reducing the file sizes. In Internet Explorer or Firefox, you can right-click on the picture to view the “Properties”. If the size is above 10KB, or 10000 bytes, it is time to change it. One of the things you can do is to edit the image using photo editing softwares resize or crop the images. In some software where you can select the quality of the image, save them in a Low or Medium quality format, rather than High quality.

From our trials, we found that GIF images (images with .gif extensions) load faster than JPG images (images with .jpg or .jpeg extensions) and have smaller file sizes. GIF images are not as sharp but are appropriate for standard graphics and buttons like those you see on our sidebar. Stick to JPG images for photos as they are clearer. Experiment with your graphics by converting the JPG file to GIF file.

How to do that? If you have photo softwares, simply open the image and save them in the other format. Otherwise, if you are using Windows XP, locate the image in your hard disk and double click on the image. You will be looking at the image in “Windows Picture and Fax Viewer”. There is an icon that looks like a floppy disk at the bottom right corner (shown in the picture below). Click on that. Under the “Save as type”, you can select a different format, like GIF or PNG. This will convert the picture to another format. Now that you have the same picture in 2 different formats, compare the file size. Display the one with the smaller size in your Blog. If you do that for all the images, it should greatly reduce the load time of your web page.

3. Connection to external servers

Every connection to an external site to retrieve information will add to the download time. If you have noticed, our sidebar has many image links to the Blog directories. When you list your Blog in these directories, it is always good to provide a reciprocal link to their sites. You can either create a text link to them, or an image link as we had done. The problem is that in retrieving all the images from these locations, it will drastically increase the load time of your page.

4. Width and Height tags

Images and tables come in different sizes. If we specify the dimensions in the code, the browser will be able to set aside the space allocated for these images and tables and load the rest of the contents that they have quick access to. If we don't specify the values, the browser will have to load the entire contents of the image or table before moving on to another.

5. JavaScript and external scripts

Minimize the use of JavaScripts in your Blog. These are the languages that the browser must load and interpret. A complicated script may take time to execute. You can tell a JavaScript code from this line found in the code.

Statcounters and Ad servers like Google Ads use scripts. We noticed that if these sites were slow in delivering the information, our page loads were affected. There are also third party widgets and gadgets you put onto your Blog that use scripts to activate the contents. Monitor them. If you find that they are causing a delay in your page download, consider removing them or switching to other providers.

6. HTML clean up

For those who know HTML codes well enough, you may go into your template code and remove the whitespaces. These are the extra lines or spaces between the codes. You may compact the code, but not so much as to make it difficult to read and edit the code in future.

There are also the empty tags that you can remove. These are often caused by people using wysiwyg (what you see is what you get) editors to write their codes. After some editing, you may have meaningless opening and closing tags nothing in between. It is alright to remove these unwanted tags since they don't do anything when there are no words in between the tags. However, do that only if you are familiar with HTML codes.

7. Simplicity in design

Many of the fast loading sites are simple in design, with no frills whatsoever. Consider adapting these into your Blog. Among all the templates, we find the Minima template one of the simplest. The others which contain background images are slower because the browser has to access separate servers to extract the images.

8. Links check

Bad links are links that, when clicked, point you to an invalid or non-existent site. Some people have blogrolls through link exchanges. A site may be working fine at the start when you exchange links. Months later, that site may be removed and the link turns into a bad link. It is prudent to check these links once in a while to ensure that they continue to be valid.

9. Contents spread

After you have done all you could, and you still find the page load time a little long, try displaying only 1 post on your main page. Login and go to Settings->Formatting. In the first option, change it to “Show 1 post” on the main page. By default, it displays 7 posts on the main page. If your articles are long, it will take quite a while to load all of them. Consider reducing it to 1, 2 or 3 articles to reduce the load time. Otherwise, consciously write shorter articles, or split them into parts.