Could your website’s performance be affecting its Search Ranking?
So, you’ve spend hours and hours writing wonderful, compelling content. You’ve paid a designer a bucket load of bucks to make your website look good enough to EAT. You’ve worked on your social media so much that you’re the most popular guy / girl in the (virtual) room. Visitors just can’t wait to click on your site and when they do!…..
It takes 10 seconds to load the page, and half way before that’s done, they’ve already left and gone some where else.
Yep, you forgot to optimize your website’s speed.
Website speed optimization is an important consideration for anyone running their own website or blog. It affects both user experience and search engine rankings.
The attention span of the average internet user is pretty short. I for one am very impatient when I’m faced with slow loading webpages, or webpages which do things that annoy me. Auto play any music or video and that’s usually a sure way to get me to click the X!
The thing is, there’s so much information available, from so many different sources. It’s always easy for people to get it somewhere else – so why should they be patient?
Website speed optimization also affects search ranking. When Google returns a page of search results, it wants the user experience of those results to be good. If Google returned nothing but slow, broken websites then we wouldn’t keep using it for very long!
Checklist for speed optimization tasks
Here’s a list of things you should consider for optimizing the speed of your website or blog. Don’t worry if these seem complicated for now – later I’ll introduce tools and processes for making this very easy.
You really don’t need to understand exactly how it works, because there are tools, which we’ll cover later, to do the work for you. But if you’re interested you can read more about it here
You can save valuable bytes by correctly cropping and compressing image files. I try and limit the files which I use in my posts to around 30-40Kb, and use a plugin which further optimizes the images once they’re uploaded. More information on the tools further on.
Reduce the number of requests
Minifying your content helps with this, but you can also look into how your plugins are behaving, and how your theme is behaving if you use WordPress. The GTmetrix tool covered later gives great insight to this.
Reduce DNS lookups
Using a Content Delivery Network (CDN)
A Content Delivery Network is a group of servers distributed around the world. When you sign up for a web hosting provider, like Bluehost, the actual server which hosts your content is restricted to one geographic location. The problem with this is, visitors who are visiting your website and live a long way from the location of your web hosts servers will have a higher latency than those who live closer.
Content delivery networks have servers (or ‘edges’) located at different locations around the world. Each of these edges holds a copy of your content, and when a visitor makes a request from your website, the content is served from the closest location.
Using a CDN means that the content is served from the point closest to the visitor, therefore reducing latency.
Amazon Cloudfront is a good choice, and their rates are very reasonable, scaling up with the success of your website.
Speed optimization tools and plugins
Google Page Speed Insights
The Google Page Speed Insight tool provides great, simple advice for getting website speed optimization basics right. Just plug in your website URL, click ‘analyze’ and in a few seconds you’ll be shown results. Anything in red you should looking at addressing as a priority as it’s having a significant effect on your site performance.
Don’t worry if you’re not hitting 100%, as you can see from the image below even google.com doesn’t get 100%!
You should be aiming to get your results over 80% though, and with a bit of work, this shouldn’t be much of a problem if you use the tools and plugins I recommend later on in the article.
Ironically I noticed that a couple of the websites hosting articles about optimizing wordpress speed using plugins aren’t doing so well themselves!
Plugging the top two results in to PageSpeed Insights gives us:
So, even successful sites have room for improvement. That’s why there’s always room for new sites to come along and do it better than the other guys.
After you’ve done the necessary changes with Google Insights, you can go a bit deeper with GTmetrix. They offer a free scan which gives you so much valuable information that I can’t believe they do it for free!
The information they return is more extensive than Google insights and they give you two ratings, page speed and ‘yslow’ which use two different sets of rules to measure your website speed optimization performance.
A great example of this is shown below, where a 20B (tiny!) .css file is causing a HUGE delay in the page load time. You can identify which object is causing the issue and do something about it.
W3 Total Cache WordPress plugin
This plugin is simply awesome. It allows you to configure minify, page caching, object caching, browser caching, CDN and more (although those are the basics which I’d enable by default – with CDN optional).
One caveat is to make sure your site is backed up and restore-able before you play around with this plugin – I’ve never had any problems using it myself but I did notice a small number of negative reviews from people who complained it caused issues with their website.
I’ll cover how to set up W3 Total Cache with a CDN in a separate article. Adding the plugin and enabling the basic features like caching is fairly easy though.
EWWW Image Optimizer WordPress Plugin
Another great plugin – this automatically optimizes new images as you add them, and provides a one-click function of optimizing all existing images. A must have.
More tips. Yes, more! We sure do look after you around here!
Put your scripts in the footer of the page where possible. If scripts are at the top of the page, they can prevent the rest of the page loading until they load themselves, causing a bad experience for your impatient user.
One of the many things I love about using Genesis, is that it makes things like this very easy, giving you a simple interface to add your scripts in to the header or footer. If you’re not using Genesis yet, THEN I DON’T KNOW WHY NOT! Go pick it up now
Be careful with your plugins. You might be surprised at how a seemingly simple plugin can require as much data to be downloaded as the rest of your homepage! I found the Social Media follow plugin I was using was pulling down almost 500Kb of data. I got rid of it and more than halved the size of my page. Plugins can also require requests to other domains, which means it’s another DNS lookup. You want as few of these as possible.
We’ll be covering how to set up Amazon Cloudfront CDN with W3 Pagespeed on WordPress in a few days. If you want access to this content then sign up for email updates and you’ll get a notification in your inbox. How cool is that?
|Your competitors have joined, have you? We DO NOT spam.|