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.

LEAVE A COMMENT

HOME | WHAT WE DO | CULTURE | THINKING | BLOG | REQUEST A CASEBOOK

IGNITING DIGITAL BRANDS | SEO | SOCIAL | MOBILE | JOBS | TALK TO US

CELEBRATING 19 YEARS IN DIGTAL
© TAMAR 2014