Conversion Rate Optimization

Improve Website Speed To Increase Your Conversion Rate

Last Updated: May 7, 2020

The speed of your website is crucial to succeeding online. In this post, we’re going to show you how to improve website speed and hopefully increase your conversion rate at the same time.

In the words of Micky from the Rocky films – “We need speed. Speed’s what we need. Greasy, fast speed!”

We’re living in a time where patience is at an all time low and peoples attention spans are shorter than ever.

So as you can imagine, the speed of your website is critical to its performance.

Faster websites mean higher user engagement, improved user experience, better SEO rankings and most importantly, a higher conversion rate.

Why Is Speed So Important To People?

Speed is important to people genetically, because we’re impatient. In our modern day society, there is a requirement for instant gratification in our hyperconnected lives.

What causes impatience? Psychology Today states that one of the main laws that triggers impatience is “when we have a goal, and realize it’s going to cost us more than we thought to reach it“.

So from this, we can apply it to the context of a website. When people arrive on your website with a goal (i.e. to buy something) , if it is taking longer than anticipated to load and requiring more time than we are willing to give, impatience will rise and increase the likelihood of the user leaving.

Another large contributing factor is that the user knows that as they are on the internet and there are probably at least a hundred other companies selling the same product or service that you are.

So if you’re not meeting their expectations, they shouldn’t have any problems finding a company that does.

Why Is It Important For Conversion Rate?

Essentially it boils down to the customer expectations. If your website is loading slowly, it is going to lower their user experience.

Your goal is to keep users as long as possible on your website to convert.

Having a slow loading site is going to increase the amount of friction between your website and the user. By increasing the friction, you will lower the user experience and increase the likelihood of users abandoning your website.

You may think that it would only be a small percentage of users, but you’d be wrong.

How Much Can Load Times Affect Your Conversion Rate?

Alot.

In a study by the Aberdeen Group, they found that a 1 second delay in page load time can result in a 7% loss in conversions.

Similarly, Amazon found that for every 100 millisecond delay, it costs them 1% in sales.

So it definitely matters.

Facts

  • Google found that slowing search results by just 4/10ths of a second, would reduce the number of searches by 8,000,000 searches per day.
  • In a study by Akamai, they found that 30% of consumers expect load times of one second or less . Additionally, a two-second delay in web page load time, could increase bounce rates by 103 percent.
  • 53% of mobile users will exit a website that takes longer than 3 seconds to load – Source.
  • A one second delay on an e-commerce site that has annual revenue of $50 million, could result in a loss of $3 million per year. That’s a lot of money for a one second delay!

How To Improve Site Speed

Before we get right into it, a good way to think of improve your website speed is though you are optimizing your website. Improving your site speed is actually a fundamental part of Conversion Rate Optimization.

So in order to improve your site speed, you need to optimize it to make it as efficient as possible.

We’ve put together a list of 8 different ways of optimzing your website to improve website speed.

1.) Reduce Image File Sizes

This is actually one of the biggest problems when it comes to page load times. So this means it is also one of the best ways to improve it.

Images should really only be used if they are bringing something to the table :

“If you can eliminate an image resource, which often requires a large number of bytes relative to HTML, CSS, JavaScript and other assets on the page, then that is always the best optimization strategy.” Source

The larger the files are, the longer they take to download. So you can use something like Adobe Photoshop to resize the image.

From there you’ll then be able to “Save For Web” and adjust the quality of the image to reduce the file size further.

If you don’t have Photoshop, you can try TinyPNG for Mac or ImageOptim that can be used in your browser.

If you’re using WordPress, there’s a pretty cool plugin called WP Smush that will resize, optimize and compress all of your websites images.

2.) Minimize HTTP Server Requests

For each file on your web page, whether its an image, css, javascript etc – the browser has to make the request to the server to download the individual item each time.

As you can imagine, the more requests there are, the longer the page will take to load.

You can use a tool like Pingdom to see how many requests a page currently has.

According to Google, you should “Target 50 or fewer requests and 1,000 or fewer bytes to optimize load time”.

3.) Caching to Improve Website Speed

Caching is a process which temporarily stores frequently accessed web pages on the server so that they can be loaded faster. By doing so, it leads to a decrease in bandwidth used and an increase in performance.

Each time a request is made to load a page, the process starts of fetching all the parts that make it up. Items like images, css and javascript files.

By implementing caching, when a users arrives on the page, they are served with a “cached” or “stored” version.

There’s a great article here from Akamai which goes into more detail.

If you are using WordPress, there are many plugins which will do this automatically for you like W3 Total Cache and WP Super Cache.

4.) Improve Your Server

Servers aren’t a one size fits all thing. There are hundreds of different types, that come in all shapes and sizes (specs and performance).

So depending on which one you have implemented, this could be affecting your site speed. And if you want to improve your website speed, this is a case where more is better.

Some of the most common ones are :

Shared Servers

A shared server is exactly how it sounds. You are sharing the server with other websites. One dedicated server is broken down into individual units to cater for each customer, until it reaches a capacity.

This is one of the most common types of website hosting, as it’s usually the cheapest. Great to get going with, but once you start to scale, you could start to see performance issues.

One of the most well known problems for share servers is when all the websites on the server reach their peak traffic at the same time of day. Because of this, all of the websites on the server start seeing delays.

Virtual Private Server (VPS)

Similar to a dedicated server, but it doesn’t run on its own machine. Instead, one physical machine is broken up into several “virtual” machines.

Each VPS has its own operating system and software installed onto it for the host to use. The main difference between VPS and Shared hosting is that even though you are sharing the same hardware, you are allocated a certain amount of resources just for you to use.

Dedicated Server

This is the top performer when it comes to servers. This is a complete machine that is all yours to use (hardware & software)!

The benefits of this are that you have full control over it. You can install what you want, when you want. You can also configure it to the exact specification that you require!

The downside is that they’re usually more expensive than the other options. But needless to say, there are plenty of alternatives out there, all varying in price.

One thing that should be noted when it comes to shopping for servers is that you usually get what you pay for. Meaning that if a provider is offering a low price, then you’ll usually end up lacking in support or performance in general.

Before buying any hosting service, check with the provider what you get in terms of support, their response times and uptime guarantees.

5.) CSS Sprites

This awesome mechanism allows multiple images to be combined into one single image.

Each time you make a request to the server for an image, it takes time to go get it and display it. If you can minimise the amount of requests that you make, then this will lower the time it takes to load the page.

Sprites are used to combine all of the background images into one and serve them using CSS.

Check out this Youtube tutorial here by LearnWebCode.

6.) Start Using a CDN (Content Delivery Network)

If your website serves people if different locations (as opposed to just locally) then it is worth utilizing a CDN.

What they do is host files like javascript, css, images and delivers them to users from web servers that are closer to their actual location.

By decreasing the distance between the server and the user, the result is a much faster load time.

Incapsula believes that by using their CDN, websites are up to 50% faster that without.

7.) Merge Javascript Files

Where possible, merge multiple Javascript files into one. This will decrease the amount of requests that are made to the server to fetch individual files.

There’s also online tools that will do it for you, check out JSCompress

8.) Use GZIP Compression

As i’m sure you’ll be able to gather gzip compression is a method of making your files smaller. By implementing this file format, your web servers is able to serve your files much faster which will lead to improving website speed. Here’s a great article on implementing GZIP Compression .

Tools To Improve Website Speed

There are some great free tools out there that will allow you to test your websites performance.

1.) Pingdom

This is brilliant free tool that lets you test the performance of your web pages from various different locations. It will tell you things like : Load Time, Page Size, HTTP Requests to name just a few.

One of the best features is the breakdown of file sizes by request. You can sort the list by file size and find out which files are causing you the biggest delays.

You can amend the files, test again and measure the impact on performance instantly!

Another great feature is the ability to find the load time of each individual file. This is great when trying to locate problems quickly.

We had one client where the load time of the page was 30 seconds plus with no apparent reason. Using the tool, we were quickly able to locate the file in question that was causing the issue. We actually found that it had been referenced using the development server (which was password protected) deep in the css file. This was low-hanging fruit which helped deliver an instant increase in performance for them.

2.) Google PageSpeed Tools

Another great free tool, created by Google. This again allows you to analyze specific pages on your website. It scores the page based on Mobile or Desktop criteria and offers you the list of suggested fixes.

The best way to approach this tool is to load your pages in one by one, find out what the issues are and start working your way through them.

Each time you make a change, retest and measure the impact that it has had!

This is especially useful when improving the performance of your mobile user experience. Knowing the criteria that Google is looking for in a mobile website can only move the needle in one direction.

3.) Google Analytics

A very popular analytics package from Google. This provides all sorts of valuable insights into what users are doing on your website. In particular, the site speed and the time (on average) it takes pages to load for users.

What this will allow you to do is find pages that are performing particularly poorly, so that you can rectify the issue.

One thing to bare in mind is that GA (Google Analytics) only records a sample of users when it comes to the page speeds.

Fortunately, there is a way to configure your GA code to allow you sample all of the users. This is done by placing the following code in your GA tag :

_gaq.push([‘_setSiteSpeedSampleRate’, 100]);

This needs to be included above the ‘trackpageview’ line in your GA Code. Unfortunately not all browsers support it, but it will usually be a much higher sample size than without the addition.

Mobile Site Speed

“53 percent of mobile site visitors will leave a page that takes longer than three seconds to load “ Source

I’m sure this isn’t music to your ears. One of the reasons the conversion rate on mobiles is so low compared to desktops, is because the user experience is usually extremely poor.

No-one wants to be downloading huge websites on their smartphones that take forever to load.

And don’t be led to thinking that your mobile users will be sitting around using WiFi connections to browse your website. Usually they’ll be on the move, sitting on the train using a data connection to try and download your 4MB landing page.

And now that mobile devices are on track to pass desktop for total sessions, it’s never been more important to provide a seamless mobile experience. Users expect mobile websites to download at the same speed as on a desktop.

Google have created a great resource which demonstrates why mobile site speed matters so much.

One of the most interest points from their research is that they have found :

“53% of mobile site visits are abandoned if pages take longer than 3 seconds to load”

How To Improve The Performance Of Mobile Websites

To begin with, you need to know what is causing the problems.

Start by using Google PageSpeed Insights (mentioned above) paired with WebPageTest .

WebPageTest allows you to see 2 important things. Firstly, you can see how long your page takes before it is able to be used. Secondly, you can see how long it is until the page is fully loaded.

Work your way through the insights from both of these tools to optimize your mobile experience and improve your website speed.

What Impact Does Site Speed Have On SEO?

Google told us years ago that the speed of our sites is a ranking factor in their algorithm.

The reason for this being is that their “crawlers” are allocated a certain amount of resource to crawl each site. So by the site taking longer to respond, the less time the “crawlers” will have to index your website. You can read more about that here .

So website speed is not only a factor in improving your conversion rate and therefore making more money. But it is also going to assist you to bring in more traffic and hopefully more customers. Surely that’s a no brainer?!?

Conclusion

As you’ll be able to see from this article, we’ve demonstrated that website speed and performance have never been more important. Website users expected a high level of service and it’s up to you to deliver to them. If you want to succeed online.

Using the techniques mentioned above, you will be able to locate issues that your website is currently facing, rectify them, test them and hopefully improve website speed.

Subscribe
Notify of
guest
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Webshop Mechanic
2 years ago

Great article guys and an area that many site owners (especially in Ecommerce) don’t pay enough attention too. Running a homepage through Google to check the site speed is no good when the other pages are slow as hell. I use SEMRUSH to run an audit across the entire site to check for weaknesses. On the optimisation side, the quickest and easiest one is the size of the images on the pages. Many sites have those HUGE scrolling banners (4 or 5 of them) that have to load in the background and slow everything down. Optimising these alone could improve… Read more »

HelloClicks
2 years ago

Hey Matt, very true. Usually there’s a correlation between a slow loading homepage and the rest of the website… Thanks for reaching out to us.

Recent Posts

Product Page : Optimise To Increase Sales On Your Website

You could say that your product page is the most important part of an ecommerce store. As a CRO agency, we know 100% how much...

Read More

Marketing Ideas For B2B During The Covid-19 Outbreak

We’re currently going through one of the biggest pandemics in history. As a result, many businesses have been forced to close down as they are...

Read More

Social Proof Examples To Increase Your Conversion Rate

If you own or manage a website and you want to find a tried and tested technique to increase your conversion rate, then this blog...

Read More

Ready to Get Started?

Request a free proposal and find out the exact steps we would take to grow your business.

2
0
Would love your thoughts, please comment.x
()
x