Most of the website response time is dependent on front-end factors. Here are some measures you can take to have your website load quicker.
Use CSS Sprits to reduce the number of image requests. Combine background images into a single image and use the CSS background-image and background-position properties to display the desired image.
Reduce the number of HTTP requests. This is the key to your pages loading quicker. This largely has to do with simplifying the design of your website, especially where images and hyperlinks are concerned. Serve your images from the file path on the server instead of serving them via an HTTP request (e.g, use <img src=”images/image.jpg”> instead of <img src=http://www.domain.co.za/images/image.jpg)
Add an Expires or a Cache-Control Header. You need to contact us directly via our support channels for this. Also, note that we allow this only on certain shared servers. For static components request “Never expire” policy by setting far future Expires header. For dynamic components request an appropriate Cache-Control header to help the browser with conditional requests.
Add stylesheets to the document HEAD makes pages appear to be loading faster.
Remove any duplicate scripts from your website files.
Optimise Images. There are many different image formats available. PNG’s are widely known to be the optimal format for most websites. In the past, not many browsers supported PNG’s, but this is no longer the case. Do your best not scale images within your HTML code. Rather resize the image to the correct dimensions before you upload them.
Make your favicon.ico very small and cacheable.
These are just some of the things you can do to improve page loading speed. If you do know of any methods please verify with our support team that your method is indeed supported.
Here are some tools you can use to measure your site speed: