Skip to content
TWD

SEO · 9 June 2022

What Makes a Fast Website?

Image sizes, JavaScript, caching and CDNs: the key factors that affect the speed of your website, and how to track it.

What Makes a Fast Website?

Fast websites are vital to a good experience

To make a website fast, keep media, files and website resources as small as possible. The larger your content or images, the slower the site. There are many factors that affect the speed of your website, but some of the key ones are listed below.

Optimise image & video sizes

Keep image and video files as small as possible, both in terms of file size and resolution. It's important you don't load a 1920x1080px image in a box that's only ever going to be 100x100px. WordPress and off-the-shelf solutions sometimes come with a plugin to optimise images as you upload them; it's important these are installed and active.

We dynamically resize any images you upload and always display the most relevant sized image. This means the user has to spend less time downloading the image to view the full website, so the website loads faster.

Reduce unnecessary JavaScript & dependencies

JavaScript can bloat a website if there are unneeded files being included, especially from third party hosts. It's best to host your dependencies as locally as you can, to reduce the time for fetching and resolving those files. It's also important not to include JavaScript files that don't get used.

Minifying JavaScript is another great way to speed up your website, and this is something that can be done automatically. The websites we build with Laravel use a build tool that automatically removes unneeded JavaScript and minifies the files we do use.

CDN & caching

CDN stands for Content Delivery Network: a system used to help serve websites across different regions, caching the website on the CDN and using that to display to the end user quickly, instead of completing the entire process of fetching the website from the server it's hosted on.

Caching is vital for a fast website. It's important to ask your developer about this when you're looking to have a website developed.

How to track website speed

Google PageSpeed Insights

Using Google PageSpeed Insights to track your website's speed and performance is a great way to see how well your website is performing on both mobile and desktop. It will also give you indications on how to make your website faster, although the likely actions needed will require a developer to make changes to your website as it's often not possible from an admin panel.

Back to the blog