Book an Appointment

Web Performance Optimisation: Are you Doing it Right?

How your website performs comes down to more than how high you are ranking on SERPs. There are many technical aspects that make up how your site loads and the content that is displayed to users. 

We’ve covered before that site speed is more important than ever. Here we’ll cover what else you can do to optimise your site to the highest level.

Page Speed

Page speed helps with SEO by developing better and faster crawling, indexation and efficiency. But it is more than that. It also helps with user experience – you don’t want you users to wait for your pages to load. 

A recent study by Kissmetrics.com showed that “47% of people expect your site to load in less than 2 seconds”, and “405 will abandon it entirely if it takes longer than 3 seconds”.  So, can you really afford to have a slow website? 

There are several tools you can use to measure your site speed, many will even give you recommendations on how to improve. This is not an exhaustive list, just some interesting tools which you could benefit from. These include:

Client-side Optimisation Basics

page speedImages are an area where you can save a lot of space and time. Make sure you’ve compressed them as much as possible (without compromising on quality before you upload them. You may be surprised by how much space you can save.

Also, if you’re uploading an image that’s 1280 x 1024 in dimensions but you’re going to resize it on your website to 300 x 240, then you’re missing an opportunity there too. Crop and resize your images before your upload them to shave off unnecessary file size and to avoid adding unnecessary lines of CSS. 

You can also consider using modern image formats such as WebP or jpg-xr which are designed to be more efficient. The only drawback is that these are only supported by Chrome at the moment. 

You don’t need to load all of your files at once. Think about which files you can load asynchronously to prevent blocking the render. Essentially, if it’s not something that is going to be seen or used immediately by your visitors, then it doesn’t need to load immediately. 

Try to minify your files as much as possible. This means shrinking your CSS and JavaScript files etc. Doing this will shorten variables and remove any unnecessary line breaks. 

It’s amazing how much difference changes like these can make. 

Server-side Optimisation Basics

server speedThe performance optimisation of your server comes down to:

That’s a lot to think about, but it’s worth it! 

The TTFB (Time to First Byte) measures the responsiveness of your server so this is a good metric to look out for when using some of the page speed tools we mentioned earlier. The faster the TTFB then the faster the requested resources can be delivered to your visitors’ browser. 

Broadly, a TTFB below 200ms is good, 500ms is already too long, and 1s or more is bad and needs addressing immediately. 

Another nice win is to use a CDN (Content Delivery Network), such as Cloudflare, for websites with lots of images and other static files. The latency of your users should reduce after this. It’s worth noting that for local sites that are hosted locally, the TTFB may increase if the Cloudflare server is further away. 

When it comes to caching, it’s generally recommended that images are cached for at least a couple of days. 

Hopefully this gives you a good starting point for your web performance optimisation. Once you’ve got these down you can start to look at some more advanced optimisation methods.

Posted in

Tags