How long does your website take to load?
Unless you have worked hard on optimising your website to improve site speed, the answer is probably TOO LONG!
“Site speed” – it’s one of those slightly dull, frustratingly techie things that we as bloggers so often push to the bottom of the to do list, or it languishes on the ‘maybe one day’ list…
But actually, having a fast website should be high up on the to do list. Why? Because having a slow website is holding back your blog’s potential BIG TIME!
Why is site speed so important?
There are a number of reasons why site speed is critical, but the most important is your readers! We all know what it’s like to have to wait, even a few seconds, for a website to load. Imagine having to wait 20 seconds? Yep, some websites take that long to load. In today’s fast paced society, people just don’t have the time or patience to wait for a slow website to load. If yours takes a long time, they will simply give up and try a different site.
Search engine optimisation
Having a fast website is vital for SEO. User experience (UX) is a huge part of SEO and if your site is slow to load, that will count against you in the rankings. Search engines are in the business of giving great answers to their searchers queries, and a slow answer is NEVER a great answer.
If users are leaving your website because it takes to long to load, that’s going to hit your bounce rate (the number of people who leave your website without interacting with it). And bounce rate in itself will also affect your SEO. If people are not interacting with your content and clicking through to read more posts and pages, that sends strong signals to search engines that your content is not a good answer to their searcher’s query.
Traffic and money
What all this boils down to is that a slow site will mean less traffic to your website. Not just search traffic, but ALL traffic as potential readers from anywhere (social media, email, Pinterest…) are likely to be put off by the long time it takes the page to load. And if your traffic is low, you will find it much harder to make money from your blog.
How to measure site speed
It’s a good idea to get a ‘benchmark’ of how your site is currently performing before you start to make improvements so your progress towards (hopefully) a faster site.
There are a number of different sites that will help you measure your site speed. The 4 I like to use are:
Getting a variety of responses gives a better ‘overall’ picture rather than relying on just one metric. These site speed tools will help give you an idea of your current speed and give you areas to improve upon. The only trouble is most of this advice is written in complicated techno-jargon!
It can be super frustrating being given that information and not knowing what to do about it…
So here’s my advice:
Don’t worry about the techno jargon. Worry instead about step-by-step doing little things that will reduce your site speed over time.
Here are 11 easy ways to improve site speed that ANYONE can do…
How to improve site speed on your blog
1. Make sure your blog is hosted with a web host that take site speed seriously
A big factor in site speed is the speed it takes for your host’s server to respond. I have known bloggers whose blogs have been sped up by over 10 seconds by simply switching hosts. It’s one of the key things to consider when choosing the right host for your blog.
It’s easy to jump at the cheapest deal when considering hosting, but given that site speed has such a dramatic effect on traffic, and therefore earing potential, it can be a false economy.
I noticed a dramatic increase in both site speed and traffic when I switched to my current host SiteGround*. SiteGround pride themselves on continually seeking out improvements in speed and being among the first to offer the latest web hosting speed technologies.
Better still, SiteGround offer a couple of extra features to further improve site speed: the SG Super Cacher and FREE Cloudflare CDN. More about those below. You can find out more about SiteGround’s dedication to website speed here*.
Whoever you choose to host your website, ensure they are focused on speed!
2. Reduce image size
Another big factor in site speed is the size of your images. This is especially true on image heavy blogs such as food blogs or DIY blogs. The images straight out of your camera may be several megabytes in size.
So, if you have, say, 5 photos on your post, each one 3MB in size that’s 15MB which have to load each time someone clicks on a link to your post. That’s going to seriously slow down your page load times!
Fortunately, there are a couple of quick and easy things you can do to improve this. The first is ensuring your images are the right size for your website. Find out what the largest size you will need on your website is and reduce the file size to this size. So, for example, if the largest file you use on your website is 683px wide, cut down your files to this width. You can do this easily using a programme like PicMonkey* or Lightroom*.
There is one important caveat to this. You may want to futureproof your images by making them twice this size. This will allow your images to still look good on retina display screens and to some extent ‘futureproof’ your images against further enhancements to computer/mobile screens in the future. This article on image optimisation* from my theme developer Lauren Gaige of Restored 316 explains this idea in more detail.
3. Utilise image compression
The other thing you can do is utilise image compression. Put simply, a photograph is a file containing lots of information, but only some of it is needed to see the picture properly. Image compression takes all the information you don’t need out of a photograph, while preserving enough information for the images to still look good to the naked eye.
There are lots of compression plugins you can use to reduce the file size of your images dramatically while still preserving great looking images. The one I use is ShortPixel*. This plugin is very easy to use, it will deal with all your existing photos in bulk as well as automatically optimising the new images you upload going forwards.
ShortPixel gives you 3 levels of compression: lossless, glossy and lossy. Lossy will compress your images the most, but I found it compressed my images too much and I really noticed a lack of sharpness in my images. Lossless will reduce the size of your images least but will give you an image that is most similar to the original. Glossy is somewhere in the middle. I initially tried lossy, but the ‘losses’ were too much. I now use glossy and can only see the difference in image quality in a small handful of images.
ShortPixel is free for the first 150 images a month, after that you can either buy a monthly or a one-off plan. I bought a one-off plan to do the whole of my back catalogue (some 50,000 images!) for just $30**.
The great thing about ShortPixel is you can try before you buy here. Simply load up an image and test to see which out of Lossy, Glossy and Lossless you prefer and how much of a reduction you get.
The other fab thing about ShortPixel is you can retain a copy of all your originals using the plugin settings and revert back to the original or a different level of compression at the flick of a button.
Just as an example, the images straight out of my camera are typically around 6MB if I shoot in JPG or 20MB if I shoot in RAW! Reducing them to the minimum size for my website reduces them to about 0.5MB or 500KB. Using ShortPixel on the ‘Glossy’ setting reduces them to around 150KB. That’s a massive saving!
4. Enable ‘lazy loading’
Another great way to speed up your page loading times is to set your images to ‘lazy load’, this means that when someone clicks onto your website, rather than the page loading all your images all at once, images will load as that person scrolls down the page, just before they are needed.
There are a number of plugins that you can use to do this, but if you have Jetpack* (one of my 15 essential plugins for WordPress blogs) You can enable lazy loading simply by checking a box. Navigate to JETPACK => SETTINGS and scroll down to PERFORMANCE AND SPEED and toggle ENABLE LAZY LOADING FOR IMAGES to ‘on’.
5. Delete all unnecessary plugins
Another easy, but highly effective way of reducing your site speed is by deleting plugins you no longer need. Go to your plugins page on your WordPress dashboard and go through your plugins carefully.
Is there anything you no longer use, or which doesn’t really add anything genuinely useful to your website (snow falling down the page plugin, I’m looking at you!). Delete, delete, delete!! These old and unused plugins are slowing down your site.
Quick caveat: do make sure you don’t delete anything you actually use or all your settings may be lost!
6. Delete all unnecessary themes
In the same way go to your themes section (APPEARANCE =>THEMES) and delete any themes you are not using. (N.B. you need to click on the theme in order to delete it). If you are using a parent and child theme (e.g. Genesis* and one of the Restored316* child themes), make sure you leave both parent and child themes installed.
7. Delete unused images in your media library
If you’ve been blogging for a while, chances are you will have quite a few unused images in your media library.
Sometimes known as ‘orphan images’ these are images you have uploaded at some point but that you are not currently using in any of your posts or pages.
You can do this manually by going to your media library, clicking on the images you want to delete and hitting delete.
Alternatively, you can use a plugin to detect unused images and delete them, or move them to a separate file to be checked. If you go down this route, proceed with caution and make a backup first!
8. Delete old post revisions
Another really easy thing to do is to delete old post revisions. While this won’t make an enormous difference, every little helps! The cleaner and slicker your website the faster it will run.
9. Use a caching plugin
Using a caching plugin can seriously speed up your website. The technology is complex, but the idea is very simple. When a user first arrives on your website, your website’s server has to retrieve a lot of data to send to the user’s computer in order for your page to show correctly.
A caching plugin will allow that data to be stored/remembered (or, in tech-speak, ‘cached’) by the server so that the next time a user tries to access that same data it will be retrieved much more quickly.
If you are with SiteGround* then you can take advantage of SiteGround’s free caching plugin, the SuperCacher. You can find out more about the SiteGround’s SuperCacher plugin here*. You can also take advantage of the fabulously helpful SuperCacher Tutorial*to learn how to set it all up!
10. Use a Content Delivery Network (CDN)
How fast a website loads depends, in part, on how close you are geographically to the website’s server. My server is located in London. That means that typically my website will load faster in the UK than in the USA or Australia (there are other factors obviously!).
A CDN is a network of servers that are spread out around the world at different locations. When a visitor visits a webpage that is part of a CDN, the CDN will redirect the request from the host’s server to a server in the CDN that is closest to the user and deliver the content from there. The closer the CDN server is to the user geographically, the faster the content will be delivered to the user.
I use the FREE version of Cloudflare, which is very simple to use. If you are with SiteGround* there is a really nice integration which means you can install CloudFlare CDN and access the dashboard right within the SiteGround CPanel. You can follow SiteGround’s tutorial for enabling CloudFlare here*. You can also use SiteGround’s amazing helpdesk if you get stuck!
If you are not with SiteGround, you can follow CloudFlare’s own tutorial which shows how to set up Cloudflare CDN on your website.
11. Use a site speed optimisation plugin
My final tip is to use a site speed optimisation plugin, which will take care of all of those complicated jargon-y things like minification, GZIP compression, removing render blocking resources etc. without you even having to know what they are!
There are lots of site speed plugins but the best FREE one I have found is Hummingbird. It does similar things to the others but in a very user-friendly way. You simply install the plugin and let it run a report, then follow the recommendations it makes. It does all the ‘fixing’ for you, so you don’t have to understand what it all means (…or go in and fix it all manually …or pay someone through the nose to do it for you!)
Hummingbird will also take care of things like removing old post revisions, spam comments and draft posts you no longer need, helping your website be as fast as possible!
So, there you have it: 11 easy ways to improve site speed – all of which are totally doable by mere mortals!
One final piece of advice (for my fellow perfectionists!!) don’t fret and stress about getting the ‘perfect’ score for site speed, but rather focus on little by little, step by step heading in the right direction.
By implementing all of the above, I was able to reduce my food blog’s site speed by over 15 seconds! Before I started to optimise easypeasyfoodie.com, my site took over 18 seconds to load, now it takes less than 4 – usually around 2 to 3 seconds. In fact, if I test my site on Pingdom in the UK it takes less than 1 second!
Every step in the right direction will improve your user experience and your search engine rankings, and so ultimately your traffic and earning potential!
I’d love to know how you get on if you follow these steps! Let me know in the comments below 😀
Don’t miss a thing!
Pin this post to read later
*This blog post contains affiliate links, this means if you click on a link and go on to buy the product I recommend, I will get a small commission, but you will not be charged a penny more – thanks in advance!
** prices correct as at 16/10/18