Home | Experience Design

A few simple ways to reduce webpage loading times

Alex Christie

4 June 2008

These are a few basic tips to help speed up the time it takes for a web page to load. Particularly useful if you are designing a site for accessibility, because not everyone has access to high-speed broadband.

Ensure images are optimized

This is one of the best ways in reducing page loading times. Image file sizes should be kept as low as possible, but without compromising the images quality too much. You should ideally aim to have images of no larger than a file size of 60k. This can also include choosing appropriate file formats for images. Large uncompressed imaged formats such as bitmap and TIFF formats should not be used, instead compressed image formats such as jpeg, gif, and png should be used instead.

Optimize your css

You can speed up the time that it takes a browser to interpret and display your css by using simple methods such as:

  • Using css shorthand styles e.g. reducing four lines of css into one single line.
  • Using a parent css styles, which is then applied to all child elements. Rather than having a style applied separately for identical child elements.
  • Reducing the amount of white space in your css documents.

Forward slash on the end of links

Having a forward slash on the end of directory links, tells the web server that it is a link to a directory, therefore eliminating the time that is wasted by it trying to figure this out.

Height and width tags

Using height and width tags allows a web browser to construct the rest of the web page around images that have large file sizes, and as a result require more time to download.

Apart from optimising all images and using height and width tags, the other methods will only reduce loading times by only a small fraction.



Google to clamp down on slow loading ads.

Google are  going to be penalising web adverts whose landing page takes too long to load. ...

Page Load Times

Another reason to speed them up! Google announced the other day that as part of their paid ranking algorithm...

It’s official: The speed of your site affects your rankings

Late last year there was a lot of talk about the speed of a site helping toward rankings. Google has...

Firefox development ploughs on with Beta 5

Firefox 3 beta 5 was released yesterday hopefully bringing it one step closer to finally being released....

Seven simple questions to make the tech guys sweat…

Evaluating and comparing new technology solutions can often be a daunting task, with everyone from...

Grab This Widget