Created: 19/09/17 Author: Ryan

With the mobile age well under way, it's never been so important until now to ensure that your website is performing at its very best. That is, ensuring that your website is able to load as efficiently as possible on a wide variety of devices.

Whilst it's likely that you aren't going to be able to get a website to load within 2 seconds, there are a few website optimisation techniques that you can implement to ensure that your website performs well, and helps boost conversion rate.

In today's blog, I'm going to go over 3 ways to improve your sites page speed.

How do we measure page speed?

There are a few ways that we can measure page speed, but the easiest way to measure page speed is by using the Google's PageSpeed Insights tool, however, it should be worth noting to take the results lightly.

1. Optimise your images

The first thing you can do to improve your website page speed is to optimise images. Images take up a large amount of data, and if not compressed and scaled properly can easily be as much as 10 Mb per image, not only is this going to cause the website to take a long time to load, but it'll also eat through your user's mobile data.

Optimising images doesn't mean to get the smallest size possible, it simply means reducing the image to an appropriate resolution, and compressing the image to an appropriate file size.

For example: a typical image with a resolution of 500 x 500 should be around 977 KB. More information on image optimisation can be found on Google's image optimisation article which can be found here.

With so many image file types, how do you know which image file type to choose? Well, in general, images with a lot of detail, natural, life-like images should be JPG, and smaller, less detailed images should be PNG.

But this isn't always possible, more and more websites nowadays are starting to make use of SVGs for smaller assets such as icons.

2. Minify your HTML / CSS and JavaScript

Pages that have a lot of detail, complex structure and functionality should be minified. Pages can easily exceed 1,000 lines of HTML and easily exceed 3,000 lines of CSS. Whilst this might not take up a lot of data, it is likely going to make your website feel sluggish.

Compressing HTML, CSS and JavaScript can reduce the readability of a website's structure, so you should be careful when deciding what to minify and when. You should also test your website thoroughly as minifying these assets can cause the website to "break", so a lot of testing should be done.

3. Enable compression

Enabling gzip compression can reduce a website's size by up-to 90% and is fairly easy to enable. Some servers come with this enabled by default and won't require any further action.

To conclude

Optimising your website's page speed is an important aspect of building any website to ensure that it loads efficiently and quickly.

If you require any assistance in improving your website's page speed, here at Team 8 Digital we'll be more than happy to assist you, just get in touch with us and we'll discuss more.