7 Ways To Speed Up Your Website Load Time

Share

Speed Up Your Website

Many of our regular readers will know that recently we switched to a new look Online Income Teacher and had a bit of a tidy up behind the scenes. Whilst there was a number of different reasons for the switch, one of the primary reasons was to improve website speed.

We all love fast websites.  In fact, with faster and faster broadband and 4G networks being rolled out, there isn’t really any excuse for having to wait for sites to load.  In fact we can all be quite impatient and navigate away from a site that doesn’t load up in about a second.

All these people navigating away from slow websites can have a pretty big impact on sales if you aren’t careful.  In fact, it was reported that Amazon were able to increase revenue by 1% for every 100 milliseconds of improved site speed, which is massive for a company of their size.

Search engines have been taking site speed into consideration for quite a while now, which has become a big factor in SEO these days.  This means that the faster your website is to load, the more traffic search engines are likely to send your way.  Therefore it’s in both you and your user’s best interest to speed up your website.

Here are some tips that you can use to speed up your website.

Check Existing Page Loading Time

First things first, you need to know how well your site is performing before you make any changes.  This will help you asses how much of an impact the changes that you make have had on your site.

As Google is the #1 search engine in the world, I use their Google PageSpeed Tool to check how fast a site is.  It’s a simple browser extension (Chrome or Firefox) that you can use to analyse a site and get a score out of 100.  The higher the score is, the faster the site.

The great thing about this tool is that not only will it asses how fast your site is, but it will give to detailed suggestions of the different areas that you need to improve upon.  This is fantastic as you have a clear plan of action of what you need to do to get your site loading faster.

Before I made the switch to our new look website, I ran a PageSpeed test and found that this site had a score of 70 (out of 100) for site speed with a ton of suggestions to improve upon.  I’m happy to say now that we have a score of 92 (out of 100) since making the changes that I will talk about below.

Speed Up Your Website

You want to aim for a score of about 85+ at the very least, though obviously the higher the better.

WordPress Theme

Your WordPress theme can have a huge impact on how quickly your site loads up to visitors. This is why it’s always important to use a well-designed theme for your site.

I had previously been using a really nice theme by WooThemes, but found that, due to the way it was coded, it was having a big impact on load time.  This was due to the number of different style sheets that was being used, as each one needed to be loaded every time one of my pages was opened.  This resulted in my theme taking approximately 44% of my load time, which just wasn’t good enough.

I decided to make a switch of theme and now use Genesis for this site.  I found it to be significantly faster due to the reduced numbers of style sheets, which resulted in it being about twice as fast as my previous theme.

By simply looking at what theme you are using and switching to a faster one, it can have a huge impact of your site speed.

Remove Excess Plugins

Similar to what theme you use, the number of plugins that you have installed has a very big effect on site speed.  Every plugin that you have installed (not even necessarily active plugins) need to be loaded when one of your pages are opened.  This means that if you are someone that has lots of different plugins (probably more than 10) you are slowing down your site significantly and could probably do with a bit of a sort out.

There is a great WordPress plugin called ‘P3 (Plugin Performance Profiler)’ that you can install that will analyse and show you what impact each of your plugins is having on load time.  This is great for seeing which individual plugins are taking the longest time to load.

Speed up your website

I was very surprised to learn that some of my slowest plugins were ones that I imagined were taking minimal resources to run.  Therefore these were the first to be removed.  In all I removed about 20 plugins from my site, leaving me with only the bare minimum that I needed.  Again, this had a big impact on my site loading time, which had already made my site noticeably faster.

Of course, you don’t need to remove all your plugins, just the ones that are having the biggest impact on load time.  Remove any deactivated plugins and also remember to remove the P3 plugin when you have finished using it.

Install A Caching Plugin

Speed up your website

Whilst I’ve just told you to get rid of a lot of plugins, there is one that you should definitely install and that is a cache plugin.  A caching plugin is one of the best ways to speed up your website as it loads up a saved version of your page(s) without having to keep loading each time.

We use the W3 Total Cache plugin for our site as it offers caching abilities, such as;

  • Page Cache
  • CDN integration (see next point)
  • Browser Cache
  • Database Cache
  • Object Cache
  • …and more!

This all may sound complicated (which I suppose it is really), but essentially it just means that you can speed up your site in a number of different areas – all of which will make your overall site much faster.

For example, when someone visits one of your pages for the first time, all of the CSS files, images, JavaScript, HTML, etc. for that page is downloaded in order for them to view it.  Now, if they were to click onto another one of your pages, again all the CSS, images, etc. would need to be downloaded.  By setting up ‘browser cache’ in the W3 Total Cache plugin, it enables your visitor’s browser to save the different page elements (CSS, images, etc.) so that they don’t need to be loaded each time.  This makes pages load much quicker by your regular readers.

W3 Total Cache is a very important plugin to set up, so I’d recommend that you follow this excellent step by step guide to install and setup W3 Total Cache by WPBeginner.

Use A CDN (Content Delivery Network)

Speed up your website

One of the added benefits of using the W3 Total Cache plugin, is that you can easily set-up and integrate it to work with a content delivery network (CDN).

Normally, you have all your files (images, CSS, content, etc.) saved on your server, so when someone navigates to one of your pages, they have to wait for all the files to be loaded up.  The more people that visit your site, the more strain is put on your one server.  A CDN stores copies of your website files in different locations around the world on their own servers, so as to take the pressure off of yours.  This helps to speed up your site, plus it helps to prevent your server/website going down.

We use MaxCDN for our site and would highly recommend it to anyone.  It’s helped us to speed up our site pages and is pretty straight forward to set-up with W3 Total Cache.

Optimize Your Site Images

Images are one of the biggest culprits for a slow page speed as the vast majority of people don’t optimize them properly.  Images are pretty big files on a site, so it is vital to make them as small as possible (in relation to file size, not actual size).

This doesn’t mean you have to compromise on quality or size, but you do need to make sure that you save them properly.  Photoshop has a great feature ‘Save for Web…’ that allows you to save your images in an optimized form.   This will reduce the actual file size as much as possible, without reducing the quality.

For example, I have a regular JPEG image (600×300) that is 90.7KB in size.  If I optimize the image with Photoshop’s ‘Save for Web…’ feature, I can reduce that file to 28.1KB, which is a massive 69% decrease!!!

Do that for all your images on a page (logo, thumbnails, post images, etc.) and you will see a BIG difference in site speed.

Read our guide on how to optimize images for the web.

But that’s not all you can do to improve speed in regard to images. Here are a couple of plugins to help you further;

1. WP Smush.it

Speed Up Your website

WP Smush.it is a plugin that you can install that will help to reduce image size further.  Every image that you upload to your site will be automatically run through the Smush.it system to try and reduce the size.  They do this by;

  • Stripping any meta data from your JPEGs.
  • Optimizing JPEG compression where possible.
  • Converting certain GIFs to indexed PNGs.
  • Stripping the un-used colours from indexed images.

You can also run all your existing images through the Smush.it system in bulk (though it may take a while) to try and reduce file size.

2. BJ Lazy Load

Speed Up Your website

The BJ Lazy Load plugin helps to make your site faster by replacing your images with placeholders, so that they only load when an image enters the browser window.

Think about all the images you may have on a page. Most of them are probably only visible when you scroll down the page.  As it stands, every single image on that page is loaded when someone opens it.  If you have a lot of images on that page, then that could slow your page down.

By installing the plugin, they are only loaded when you scroll down to them.  You may have noticed the images on this page loading when you scrolled down the page.  This means that posts & pages can be loaded significantly faster without affecting the user.

The smaller impact your images have on your site, the faster your pages will open!

Speed Up Your Website Now!

Once you have made all the changes that we’ve talked about, I guarantee that your PageSpeed score will have improved.  Like I said, after making these changes ourselves, we went from a score of 70 (out of 100) to 92 (out of 100)!  In fact we have had quite a few people comment on how much faster the site feels AND our Pageviews  & Pages/Visit have increased, whilst Bounce Rate has decreased!!!  The best part is though that there are still areas that we can improve on to boost speed even further.

Website speed is increasingly important for a site’s success.  Even a slight improvement can boost your site, so it is well worth the effort.

Have you looked at making your site faster?  What methods did you use to speed up your website that we haven’t mentioned here?  Please let us know in the comments section below!

Image by ‘Sinkansen’ [Source]

About Matt Smith

Matt Smith is the founder and editor of OnlineIncomeTeacher. He is a Professional Blogger, SEO Consultant & Web Developer, running a number of sites from the UK. Connect with him on Twitter, Facebook, Google+ and LinkedIn.

  • http://tyronneratcliff.com/ Tyronne Ratcliff

    Solid content Matt, site speed is an important metric to focus on. Thanks for the resources!

    • http://onlineincometeacher.com/ Matt Smith

      No problem Tyronne! Like I say, these tips have all helped me speed up this site, so I know they work. Well worth the effort of doing.

  • John Banks

    The challenge is on! I just ran mine through and it is at 58 out of 100! Weak! But, I have changed some of the code, and I have a ton of plugins that no longer are used. I will be tweaking this and following your tips and recommended plugins.

    I will tackle this once I have finished the other things I am working on currently. Looking forward to getting my teeth into this!

    Nice post mate….

    • http://onlineincometeacher.com/ Matt Smith

      Hi John,

      A score of 58 isn’t bad, but I think you will find a massive difference if you make a few of these changes. Bet you could probably get it up to about 70(ish) just by removing a lot un-used plugins

  • Nick Loper

    Cool tip on the Lazy Load plugin — I noticed that on OIT and was wondering how you guys did it!

    • http://onlineincometeacher.com/ Matt Smith

      Hi Nick,

      Yeah, great plugin! Can’t remember how I managed to find it, but it does a great job for our site.

  • Clair Trebes

    Matt, This is a great post, defo one for the bookmarks, there is a lot here to help us all with making our sites faster :) checking it all out an going to speed mine up too!

    • http://onlineincometeacher.com/ Matt Smith

      Hi Clair,

      Let me know if I can help out in anyway. Not sure how high your sites rank on the speed test (seems pretty fast already), but I think you will be surprised how much faster it can be made with just a few of these tips :)

  • Catherine Holt

    This post is AWESOME! I was quite optimistic about the speed time of my site….until I ran the test! I have a lot of work to do!! I’m going to go through each of these steps in turn and aim for that 85 or higher score :-)

    • http://onlineincometeacher.com/ Matt Smith

      Hi Catherine,

      As your site uses a lot of images (like mine), I think you will find a noticeable difference by optimizing your pictures. I don’t know if you use Photoshop, but that has considerably cut down the file sizes on my pages, which makes them much quicker.

      Let me know if I can help in any way :)

      • catherine Holt

        Thanks Matt. All my images are 560×420 pixels, but I don’t know if that means I need to reduce the file size too?

        • http://onlineincometeacher.com/ Matt Smith

          You don’t necessarily need to change the image dimensions to lower the file size. I kept all mine the same dimension size, I simply looked at ways to reduce the overall file size.

          Sometimes, saving your images in a different format can help. JPEGs are good for photos, but PNG and GIF files are good for flat colour graphics. You can also lower the quality of the images before you save, as often you don’t need 100% quality images online.

          Did you try out the ‘WP Smush.it’ plugin that I mentioned? That can help to reduce the size of all your existing images.

  • http://onlineincometeacher.com/ Matt Smith

    Let me know how you get on with it :)

  • http://www.sktthemes.com/ Professional Wordpress Themes

    Hi Matt,

    Great read although i don’t recommend smush it and lazy load. They aren’t needed as w3 total cache already has minify, and lazy load features. Also Matt i recommend expire header, leverage browsing which also increases page speed.

    Lastly most of the businesses are on shared hosting. If someone has medium business they are suggested to go for vps hosting and for bigger businesses go for dedicated hosting that also increases the page speed by a lot.

    • http://onlineincometeacher.com/ Matt Smith

      Have tried minify before but it caused a few issues with my site. Admittedly I may have not set it up properly, but it did end up causing a few WP theme issues when using it. That’s why I went for Smush.it and Lazy Load, which work really well.

      Good point about vps and dedicated hosting. Is obviously a bit more expensive, but is well worth the money. Really does speed up a site and reduce server issues that may be the result from other sites on a shared server.

  • http://www.parafriv.net/ Para Friv

    Have tried minify before but it caused a few issues with my site, Thanks Matt. All my images are 560×420 pixels

  • Pingback: How To Edit Featured Image & Blog Post Excerpt Length In Genesis

  • Rikárd

    Great tip with the lazy load plugin. Have just installed that on my blog and can already notice a diffence to some of my pages. Will try some of the other tips now

    • http://onlineincometeacher.com/ Matt Smith

      Hi Rikárd,

      I absolutely love the ‘BJ Lazy Load’ plugin. Such a simple yet affective way of speeding up a page. Of course, if you have a lot of images, try optimizing them so that they are smaller file sizes. Check out our guide here – http://onlineincometeacher.com/tips/optimize-images-for-the-web/

  • http://www.frivjuego.co/ Friv juego

    I do not have much knowledge in information technology, so it’s difficult but I use the site Wed, many thanks to information shared sre article, I have learned a lot of things.