Top 5 Methods of Increasing Website Speed

June 10, 2020

Road with fast light streaks

1. Choose a Fast Hosting Provider

Without a fast hosting provider, no matter what you do on the backend of your site it will never reach the high speed you’re after. Response time, SSD storage and uptime are the main features you should be looking for. It’s important that response time is low, as this is the time it takes for a server to respond to a client requesting a page load. SSD storage is a must as without it your speed’s can be up to 3 times slower, and the uptime should be 99% to 100%.

2. Make Sure Scripts Load After The HTML/CSS

This may sound a little confusing to those that aren’t familiar with code, but here’s why it’s not. Scripts are what give your site it’s function as opposed to the layout and style. JavaScript is a common language for a script to be written in and in comparison, to HTML and CSS the load times are much slower. Therefore, Scripts should be loaded after the HTML and CSS. If they’re not, then visible parts of your website will be prevented from loading until your JavaScript or other language has loaded. This results in a poor user experience as the user will have to wait longer for your page contents to load.

This can be achieved with various optimiser WordPress plugins. However, if you’re coding the site yourself then the Script should be at the bottom of the 'body' tag rather than the 'head'.

3. Reduce Size of Images

Images should always be compressed, no matter the circumstance. There’s a fine balance between loss of quality and small file sizes, too much compression and your images will become blurry. We’d recommend keeping most images below 2mb.

If you don’t have a tool such as Photoshop, then an online optimiser will do the same job.

4. Enable Caching

Caching is a method of storing files in a cache or a local file location. In the context of a web browser it allows for HTML files, images and JavaScript to be saved on the browser itself. This allows previously visited sites to load much faster as a request doesn’t have to be sent directly to the server each time a page is loaded, instead it’s retrieved from the browsers local cache.

5. Minify Source Code

This is a similar approach to image minification, the idea being to reduce file size, thus increasing load speeds. Minification involves removing spaces from code files, so it’s no longer readable by a human but the size is dramatically reduced, often by 50%.

Much like image compression an online code minification tool can be used to compress your code.

FREE
Web Hosting

Get a Website Today!

SEE PACKAGE
Website illustration with leaf image

FREE
Web Hosting

Get a Website Today!

SEE PACKAGE
Website illustration with leaf image
Your subscription could not be saved. Please try again.
Thank you for subscribing, a confirmation email has been sent to your inbox.