10 steps to improve your e-commerce website load speed by 50%

This guide is intended for moderate to advanced level e-commerce administrator. We won’t go into the basics like setting up Google Analytics, so be warned that the following jargon can be a bit technical

  1. Find your current page speed
  2. Increase memory server
  3. Optimizer image
  4. Optimizer CSS,JS file
  5. Optimizer query database
  6. Use cache on server
  7. Use cache on client
  8. Use database cache
  9. Use DNS famous of google
  10. Use Cloudflare

How does my website load speed affect my business?

First, we should look at what page speed means.

Page speed refers to the total length of time it takes to show all the content on a specific URL to load.

Site speed, in contrast, is the average of several sample pages on a website.

A study by Akamai Technologies, Inc. — an American content delivery network (CDN) and cloud service provider headquartered in USA — found that:

  • 47% of website users expect a web page to load in two seconds or less
  • 40% will give up if web page takes more than three seconds to load
  • 52% of online shoppers say that quick page loads make them be loyal to a site

Fast loading website affect not only your search engine rankings, but also your revenue directly, along with:

1. Customer Experience and Satisfaction.

2. Sales conversions on your product pages.

3. Page views from Internal traffic.

Let’s take a look at the cost of slow sites:

The cost of slow sites

This chart shows that the faster a page is, the more likely a visitor is to make a purchase:

  • Conversation: 1 second delay means a 7% reduction in conversions.
  • Revenue: If your website makes $100,000 per month, a-second improvement in page speed brings $7,000/month.

Moreover, your page speed also impacts a new visitor’s ability to find your e-commerce website through both PPC channels and organic search engines. Slow sites produce slow landing pages.

Slow landing pages lower your Google Quality Score, and it means a higher CPC.

So, what you should start first?

1. Find your current Page Speed

Use Google Analytics to check you Page Speed.

  • Open Google Analytics
  • Look for the section called ‘Behavior’
  • Select ‘Site Speed’
  • Click on ‘Overview’

This page will give you some important stats that you’ll need to monitor including your average user’s download time, domain lookup time, and average server response time.

Next, you will check out the breakdown of your website pages and overall of loading rate on each page through “Page timings”. Any lagging and slow pages would be indicated by a red box.

So now that you know where your website stands in terms of speed, what can you do next to improve your site’s performance and speed?

2. Increase memory server

Improving memory server is the first solutions that everyone should try.

By increasing it, your website will have more memory to store anything, and it leads to your web load speed is faster.

If you’re using a hosting service provider like Site-ground, you’ll need to ask their customer support for the amount of memory allocated for your website.

Most budget hosting services provide shared servers in order to offer low prices. The problem with this is that you have no control over what other people are doing on the same server, so this will impact your own website performance.

Consider asking for a private server or to have them provide you with more memory.

3. Optimize your images

Images comprise a large proportion of Internet traffic, and they often take the longest load on a website since image files tend to be larger in size than HTML and CSS files.

Not worry! Image load time can be reduced by image optimization.

This includes reducing the resolution, compressing the files and reducing their dimensions. There are many image optimizers being available for free online.

If you’re using Wordpress, consider using one of the following plugins:

Here are a few other tips to follow to optimize images:

  • Save all images as JPEG
  • If you’re using Photoshop, use CTRL+SHIFT+ALT+S shortcut to save an optimized image for Web.
  • Crop your images to your page width size.
  • Clean up your code by checking for <img src=””> tags. Delete these if there isn’t any source image specified in quote marks. Otherwise the browser will send a request which takes extra time.

4. Optimize your CSS & JS file

To optimize (also known as minifying) your code, you should always work to remove anything that a computer doesn’t need to understand and execute the code. Things to consider might be:

  • Having unnecessary white spaces in your code
  • Code comments and unnecessary semicolons.

This will make keep your CSS and JS files small so that they load faster and take up less bandwidth.

However, this will only result in a minimal speed improvement.

This should be implemented with the rest of our tips for best results!

5. Optimize query database

To understand this better, lets use Google as an example.

When you search for keywords on Google, they will also query their database to offer suggested results for you.

So, query optimization will reduce the waiting time to return results for users. If Google search takes 10 seconds to display results, after optimizing, it only takes one second to do.

Solution

Edit the SQL statement so that the SQL command run time is as short as possible to deliver the best result.

Optimizing MySQL is also very important. The MySQL/MariaDB configuration file is normally located in /etc/my.cnf. Here are a few settings though to keep an eye on.

  • tmp_table_size
  • query_cache_type
  • query_cache_size
  • query_cache_size
  • join_buffer_size
  • max_heap_table_size

A highly recommended tool is the MySQL Tuner script. It is read-only and won’t make configuration changes. It will give you an overview of your server’s performance and make some basic recommendations about improvements that you can make after it completes.

6. Use cache on server

If you want to a website performance optimization, there are different forms of server-side caching that you can choose.

For example, Varnish cache can be very powerful when combined with a caching plugin and a CDN.

You can also utilize caching plugins which usually exist for each CMS platform.

7. Enable cache on browsers

When visitors come to your website, their browsers download all the files such as CSS, JAVA files and images, so it’s really important for returning visitors.

Once you turn on browser cache, a browser stores copies of resources for faster access the next time, as the browser already has those files which are retrieved rather than downloading again.

For more on browser caching, read the article here.

8. Use database caching

Database caching means that instead of querying the database directly to retrieve the data, we will query the buffer file to retrieve the data, and it will reduce the execution time of data queries.

For example, there are 1000 products including 100 products named A, and you want to search for A products. If using a cache, it will create a buffer file containing 100 products named A, so when querying, it just goes to the buffer file to get the information of 100 products, not the 1000 products. Therefore the query will be faster and save our time.

You can use this useful plug-in WP-Optimize to optimize your database. By using it, you can eliminate all those spam comments, post revisions, thrashed content, unnecessary data, duplicate MySQL tables and different unused tables automatically to make sure your database run faster and efficient.

9. Use a DNS provided Google

Domain Name Systems (DNS) is known as the phonebook of the Internet.

People access information online through domain names, while web browsers interact through IP addresses. A DNS translates the domain name to an IP addresses so that the browsers can load the information.

By using Google’s Public DNS Server, you get higher security and better browsing experience on your computer.

To use Google Public DNS servers, configure your network settings with the following IP addresses:

8.8.8.8 as your preferred DNS server

8.8.4.4 as your alternate DNS server

10. Use Cloud-flare

Cloud flare, being one of the most largest networks in the world, helps anyone with an Internet presence boast faster, more secure websites and apps. It means that CloudFlare gives a better Internet.

Cloud-flare was created to ease the server where too many requests came at once being overwhelmed and crash, becoming unresponsive to anyone trying to access the resources it hosted.

========================================

These tips are just a few of the many ways you can improve the speed of your website. However, we recommend you speak with web developer who can suggest additional steps to increase your website speed.

Enable Startup specializes in e-commerce websites and marketing. With our team of experienced developers and marketers, we can help you reach your profit goals, FAST!

Contact us at https://enablestartup.com/lets-talk

— Enable Startup Co., Ltd

Website: https://enablestartup.com

Address: 3rd Floor, Quang Dong Tower, 108 Nui Thanh St, Hai Chau District, Da Nang City

Email: hello@enablestartup.com

Enable Startup

We are working on various platforms PHP, Nodejs, RoR, mobile apps in Android and iOS. With experienced developers, designers and entrepreneurs, we proudly enable optimized solutions to startups and SMEs in Vietnam, Singapore and US.

Le Tam

Written by

Le Tam

Enable Startup

We are working on various platforms PHP, Nodejs, RoR, mobile apps in Android and iOS. With experienced developers, designers and entrepreneurs, we proudly enable optimized solutions to startups and SMEs in Vietnam, Singapore and US.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade