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.Tweet