Technology

|

By Matt

|

March 2022

Learn How to Improve Your Websites Performance

Image

Have you ever browsed the internet and become stuck on a slow website? This happens all too often. We believe a good website should leave the user hate-free with good performance.

We believe that websites should:

1. Put the user experience as a top priority to encourage engagement and sells.

2. Work fast, if a website takes longer than 3 seconds to load roughly 53% of users will leave the site and find a faster alternative.

3. Be mobile-friendly. Mobile users continue to own the largest share of internet web visitors, so you'll want to provide a website that takes under 1 second to load. 

How can I improve the performance of my website?

Speeding up your website includes options that are technical and non-technical. Below are some noteworthy factors we'd recommend.

Compress your images

Your images are a powerful element of the website. Without them, your ~79% of users who typically scan a web page instead of reading the copy word-for-word will find easier content to read elsewhere.

That said, imagery is also the biggest cause for a slow website! Typically we recommend that a page should take no more than 3 seconds to load which can be improved by scaling your images down to below 1 MB.

Quite often your website platform won't re-size or compress your images effectively. We suggest you resize the dimensions of your images to a max of 1800px by 1800px and then drop then into a lossless compressing tool.

One easy solution is called TinyPNG - they let you drag up to 20 images at once and then shrink the images without losing quality. Despite the name, you can also drop in JPGs. 

Lazy loading

Even with nicely reduced images you still may have a lot of imagery on your pages. So we'd highly recommend a nice technology called 'lazy loading' that only downloads images when it's about to become visible on the device. Anything out of view of a user won't be downloaded until it's needed.

Enjoying what you're reading?

See our work

Run a performance audit

There are many other opportunities that can improve your website's performance.

  1. Serve next-gen images in WebP format
  2. Use correct caching technology
  3. Reduce blocking resources on load
  4. 'Minify' styling and scripts
  5. Use SSL and HTTP/2
  6. Minimise what scripts load at runtime
  7. And honestly many other factors that we can identify every month based on Google and social media signals

Need any further help with your website?

We hope our guide has helped offer some insight into creating the best possible website for your brand and customers, however, if you're still looking for some guidance feel free to get in touch. We work with budgets of all sizes and are more than happy to have a no-obligation chat when deciding the best option for you.