The Ultimate Guide to Boost WordPress eCommerce Website Performance & Speed

Do you want to speed up your eCommerce website performance? While simple, these tips are beneficial for running a successful eCommerce site. In today’s article, we will guide you through the list of every trick we know of that can make your WordPress eCommerce site a lot faster and archive the best conversion.

wordpress-ecommerce

Whether you’re expecting an increase in traffic or just want to improve your site’s performance, this article will help you improve your eCommerce website. We’ll cover some of the basics, give you tricks to achieve near-perfect performance and tips for your high-traffic sites.

Now, when we say basics, we really mean basics. These are things that hopefully you’ve already got set in place but may have slipped your mind at some point. Even if you’re already a pro, use this as a checklist to make sure you’re ready to go! Luckily, if you’ve forgotten any of these steps, they’re usually pretty easy to fix. Let’s dive in!

Renew your hosting plan and domain name

When you’re promoting your products at any time of the year, the last thing you need is for your website to go down (especially during a sale or traffic spike)! One silly-yet-common mistake that happens is forgetting to renew your hosting plan or domain name. Before you space it off, dive into your domain authority or check in with your managed WordPress host — when does your subscription renew? Especially if you paid for a year of service during a sale (looking at you, Black Friday shoppers), make sure you’re set to renew before the expiration date hits and that your credit card on file is up-to-date. Sure, it seems obvious, but it happens, so save yourself the stress and double-check!

Install an SSL Certificate

Hopefully, like the hosting plan and domain names, you’ve already figured this out. However, if you’re launching a brand-new eCommerce site, you’ll need to set up an SSL certificate. SSL (Secure Sockets Layer) is a protocol to secure and encrypt computer communication. In other words, it aids in the protection of sensitive information on your site (the small padlock next to a website address in your browser’s URL bar).

ssl certificate

This includes passwords, credit card information, and banking credentials – basically everything your site holds that you and your users want to keep safe. It’s vital to have an SSL certificate set up on your eCommerce site. This ensures the security of your client’s personal and billing information. Installing an SSL certificate used to be a bit of a juggling act. You’d need to purchase it from a certificate authority, inform your managed WordPress host, share information with both parties, and then activate it.

That isn’t the world’s worst system, but it isn’t the smoothest either. With our Simple SSL solution at Flywheel, Kinsta, WP Engine, they’ve decided to take care of the trouble. What’s even better? It’s totally free! With all of our hosting services, they provide free SSL certificates for all sites. There’s no need to go back and forth with a third-party supplier with the support of our partners at Let’s Encrypt. From a single user-friendly dashboard, you can manage world-class hosting and encryption.

Check your site information

Go through all of your products — are the prices and descriptions correct? Are there any specs missing that people frequently ask about? And if you’re doing or planning to do a big promotion, does the discount code work (both lowercase and uppercase versions)? Try to test everything you can to ensure you have a smooth checkout process. The better your user experience and the purchase process is, the more sales you can expect to make!

Let’s use Black Friday (the biggest shopping day of the year!) as an example. Even if you’re not necessarily doing a big promotion, you may want to double-check that there isn’t a bunch of traffic being directed to your site, especially if you’re working on it. If you’re planning on doing a major sale, you can guarantee an increase of new visitors to your site so make sure the information is correct and updated to ensure the best user experience.

Finally, be sure to cover your bases with things like return policies and promotion details. During huge traffic spikes, you truly never know who will stumble onto your site, so try to foresee any unique cases you won’t be able to help such as foreign shoppers, if you only do domestic shipping. Make sure your site details update or you manually update them as things start disappearing from your inventory.

It’s better to be upfront with those policies than to let people down after they’ve added to their cart, or worse, put in their credit card information. That makes for a very unpleasant user experience and could result in some negative PR.

Be prepared to run out of inventory

Speaking of user experience, what happens on your site when you run out of an item? Will the site inventory reflect what’s actually available or update estimated shipping times? This is information your shoppers would definitely like to know prior to purchasing. Be transparent and clear with these situations and be prepared for the worst.

ecommerce site

Optimize your WordPress site so you don’t lose any visitors or potential customers. For example, if an item runs out, instead of an “Add to cart” option, you could replace it with an email opt-in to let the user know when the item is back in stock. Then, even if they can’t purchase that specific item at the moment, you can bring them back to the site in the future AND you have their email address for future promotions. It’s a win-win. Let’s face it: people won’t always remember to come back on their own. But if you send them an email, it’s like a personal, customized reminder in their inbox to check out your next round of products and get them back on your site.

Achieve perfect performance

These days, if your site doesn’t load within a couple of seconds, many users will simply close the tab and never return. When they come to your site, they want information now, not several minutes from now. Plus, a site that loads slowly instantly loses credibility. Many users will start to wonder why it’s slow. Instead of thinking about the technical aspects behind managing an eCommerce site, they’ll assume the worst, such as hackers, malware, or spammy advertisements. So while there’s no such thing as “perfect performance,” with a few simple tweaks to your site, you can get pretty dang close and drastically increase the number of users that stick around to purchase your awesome products!

how to speed up woocommerce

1. Eliminate clunky plugins

We know what you’re thinking: plugins give your WordPress site more functionality, and functionality is good, right? Not all of the time.

It’s tempting to get carried away while exploring the WordPress Plugin Directory, especially for eCommerce sites, and install every plugin under the sun. While there are many wonderful plugins that can help your sales increase, some can also cause performance difficulties and cause your site to slow down.

Before you start installing anything at random, it is important to have a look at the plugin’s statistics and information and ask yourself if you actually need it in the first place. Check the plugin’s last update date, make sure it works with the most recent version of WordPress, and read the documentation (if there is any). It’s certainly a decent option to install if it appears to be a well-maintained plugin that does precisely what you need it to do! However, if it isn’t a perfect solution, it’s generally best to move on and do some more research.

While there’s no magic number of plugins that you should stay under, it’s recommended to only ever install and activate plugins that are totally necessary for your site. Not all plugins are bad, but the more plugins you have installed, the greater chance you’ll have conflicts.

What about the plugins already installed on your site? There’s actually a super-easy way to tell which ones might be causing some performance losses — all you need is a plugin! (Yes, we see the irony in that, too.) It’s called P3 Profiler, and it’ll create a performance report for your site that gives you some insight into what percentage of load time each plugin is responsible for. Having other plugin conflicts? Here’s how you can solve them.

A good rule of thumb: Run a P3 Profiler test anytime you activate a new plugin. That’ll help you discover any pesky plugins that are slowing down performance before you get too attached to them.

WooCommerce is a very popular eCommerce plugin, but it can cause performance issues if you’re not careful. Don’t worry, we have a few handy recommendations to improve performance specifically for sites running WooCommerce!

2. WooCommerce performance tips

WooCommerce can leverage certain cookies for visitor tracking which are known to break caching, slowing down your visitor’s experience. Ensuring that Woocommerce’s dynamic cookies are not being placed on visitors by default can help prevent this from happening.

Clean up old orders

By default WooCommerce will keep the information of every order it has ever processed, adding a lot of information to the database over time. The larger a database is, the slower requests will be to the database, so removing these older orders can help ensure site stability. It’s a good idea to archive orders from more than a fiscal year ago, exporting them from the database and turning them into an external file for safekeeping. Doing so will reduce the size of your database, which can help keep visitor requests to your website loading quickly.

Disable cart fragments

Cart Fragments is how WooCommerce tracks the current number of items inside of your site’s “mini cart” usually located in the top corner of your website’s pages. Cart Fragments specifically reaches out and updates the small number that appears on each page load. We recommend disabling the small “counting” feature since it will hit the server with a request per page, per-visitor, adding a fair amount of server strain simply for non-critical functionality. (The cart page will still display accurately.)

3. Optimize your images

Compressing images reduces their size and takes the visitor less time to download. The result is faster loading of visual content on the page, giving a better user experience.

Images are often some of the largest files on a page, meaning they can be responsible for some of the longest delays in load time. When you compress images by reducing their size, this cuts down on the download time, resulting in faster loading of visual content which provides a better user experience.

optimize-wordpress-image

As an eCommerce site, you’re naturally going to have a lot of images to display — not much you can do about that. But what you can do is optimize those images. By compressing the file sizes instead of just throwing any old picture on your site, you can drastically cut load time and keep your site performing at its best.

The best part is that image optimization is actually pretty easy to do and the best resources don’t hurt your image quality! All you need are the right tools. The goal is to get your final image to the size you actually need (not something too large) and at a quality that works well.

To help, we recommend these tools:

  • TinyPNG: A free browser-based tool for compressing PNG and JPEG images
  • ImageOptim: A free open-source app for compressing images
  • JPEGmini: A photo recompressing app for Mac and Windows
  • RIOT: A free Windows app for optimizing images

4. Optimize your CSS and JavaScript

CSS and JavaScript files are written with lots of new lines, spaces, tabs, and comments to help the developer read what they are looking at and like images, your CSS and JavaScript can actually slow your site down if they aren’t optimized. If your site has a custom theme, you’ll definitely want to make sure the code behind it is close to flawless. But even if you’re using a premade WordPress theme, you may still want to look under the hood to see how clean everything looks or ask your managed WordPress host. First, let’s start with CSS.

CSS

The most important thing to do with your CSS is to compress it and remove any unused selectors. It’s all about trimming the excess and cutting down on the amount of code that has to run when the page loads. Getting a good development workflow is key, especially if you’re using a pre-processor like Sass. To help with that, we recommend Grunt, a JavaScript task runner that executes tasks for you while you’re developing your site. There’s even a plugin for it called grunt-contrib-sass that simply compiles all your Sass files into one, minifies it, and compresses it. Throw in the grunt-contrib-watch plugin on top of that, and it’ll run the Sass task whenever you save a file. Easy-peasy! If you’re not much of a developer, don’t lose sleep if you’re not using the latest and greatest CSS methodology. Just try to follow a standard while working with CSS to avoid any duplication or huge file sizes. When in doubt, consult a developer or your WordPress host!

JAVASCRIPT

The golden rules of optimizing JavaScript are simple: Serve as few JavaScript files as possible, minify them, and concatenate. Ideally, you’d concatenate ALL JavaScript files into one and then minify the heck out of it, but sometimes that’s not possible. If you’re the theme developer, we recommend minifying CSS and JavaScript as part of your development workflow. There are lots of great options, depending on your tools or builder. Some plugins may block JavaScript files. So, don’t stress about this process being perfect, just try to get close. And for those finicky files, you can always use the HTML attributes “async” and “defer” to load JavaScript files asynchronously or once the rest of the page loads. Again, don’t lose sleep over this if you’re not quite ready to dive into the JavaScript behind your site. And no matter what your experience level is, always make changes on a staging site or in a local environment so you don’t accidentally bring down the live site!

5. Cache your site

Every time a shopper visits a page or a post on your WordPress site, your site is built from the ground up. To do this, WordPress has to run a process to find the information, put it all together, and then display it to your shopper. This process can be one of the causes of a slow-loading site. That’s why we recommend installing a caching solution!

To get you started, here are some solutions we recommend:

6. Use a theme optimized for speed

When you’re shopping around for a WordPress theme for your website, it’s important to pay special attention to speed optimization. Some of the best, most beautiful, and impressive-looking themes are actually poorly coded and can slow your site down. While it may look pretty for the user, none of that matters if your site is loading slow while they’re shopping. It’s typically better to go with a simple theme than a theme with complex layouts, flashy animations, and other unnecessary features. Don’t forget: The most important part of your website is your user’s experience so go with a simple theme and spruce it up with some WordPress plugins later!

7. Have a reliable hosting company

No matter what you do to your site to boost performance, there’s another aspect that you need to consider — your hosting company! As traffic hits your website, it pulls requests from your servers. If they aren’t equipped to handle the number of people trying to load your site, it will seriously drop in load time or worse, completely crash. That’s the last thing you want while trying to run a promotion. While the price tag of shared hosting always makes it seem like a bargain, it comes at a different cost: slow site speed, irregular performance, and frequent downtime.

The worry isn’t worth it, especially when you can choose a managed WordPress hosting to handle a large portion of your WordPress speed issues. No matter when you’re having problems, day or night, their 24/7 support team will be there for you in a snap.

Related post: Best WordPress Hosting in 2021

When it comes to hosting your eCommerce site, these hosting providers are tailored specifically for WordPress. Because each server is optimized for a particular CMS, your sites will have the maximum level of performance and security.

With a managed WordPress host, you get additional features beyond just optimized and dedicated servers. Daily backups, security, managed WordPress upgrades, and so many more features that help you manage your sites for you!

Here are the Best Managed WordPress Hosting for eCommerce:

9.9
flywheel
Flywheel Best For WordPress hosting
✓ 99.7% uptime
✓ Free site migrations
✓ Free CDN
✓ Designed for WordPress specifically
✓ Nightly backups
✓ Free malware clean up
✓ 24/7/365 support
✓ Money-Back Guarantee
From: $13/mo
9.9
kinsta wordpress hosting
Kinsta Premium WordPress Hosting
✓ 99.9% Uptime Guarantee
✓ Premium Site Migration
✓ 24/7 Expert Support Team
✓ Free SSL certificate
✓ 25+ Google Cloud Locations
✓ KeyCDN & Caching
✓ Risk-free for 30 days
9.8
LiquidWeb
LiquidWeb Fully Managed Web Hosting
✓ 100% Uptime
✓ Free site transfers
✓ Free SSL certificates
✓ Fast page load times
✓ SEO Ranking Features
✓ Security and Backups
✓ Global data centers
✓ 24/7/365 support
✓ 30-Day Money-Back Guarantee
From: $19/mo
9.6
wp engine wordpress hosting
WP Engine Best Managed WordPress Hosting
✓ Free Genesis Framework
✓ Free SSL certificate
✓ Free Global CDN
✓ Daily website backups
✓ Free 35+ StudioPress Themes
✓ Free Dev/Stage/Prod Environment
✓ Evercache Included
✓ 60 Days Money Back Guarantee
From: $25/mo

High-traffic tips

If your site gets lots of traffic (like millions of visitors), these tips will keep it running faster than ever!

If you’ve followed all of the tips up until this point, you probably have a pretty speedy site already. But if you’re looking for a few extra ways to ensure that it’s always speedy for your shoppers, try these tricks!

web traffic

1. Use a Content Delivery Network (CDN)

Let’s say you have customers all over the world that buy your products. If your site lives on a server in New York, and someone from Australia goes to pull it up, it’ll take a smidge longer for the site to load simply because of the physical distance between the user and the server. That’s where a Content Delivery Network (CDN) comes in to speed things up.

A CDN is a network of servers that serves up your site and its assets from different locations around the world based on where the user is located. The idea is that users will hit the server closest to them, cutting down the physical distance between them and your site content, and in turn, decreases load time. So, instead of waiting on a server halfway across the world, your users will be able to quickly load your site and buy your products!

To set up a CDN, some popular options include:

2. Cache everything you can

We’re not exaggerating with that headline — taking advantage of caching on both the server-side and client-side can result in serious performance boosts. Basically, when a user loads your site for the first time, the browser can store (or cache) the contents of your site. This includes HTML files, CSS stylesheets, images, and any other assets your site may contain. That’s beneficial because the next time that same user visits your site, the browser will be able to load the content without having to retrieve everything from the server again, keeping load time super fast!

Server-side caching is basically the same idea, but the cache takes place on the server level instead of the browser. This can save a lot of time loading content because the server doesn’t have to use PHP to communicate to the database every time a page needs to load. This is where you really start to save time.

To set up server-side caching on your site, in true WordPress form, all it takes is a plugin: W3 Total Cache. Of course, there are other plugins that would also work, but this is one of the most common options out there. Plugins like this will allow you to control server-side caching on your site, which will help you deliver content to your users super quickly.

One thing to note

While using plugins like W3 Total Cache to improve server-side caching can be effective, they can take a lot of configuration and aren’t the fastest server-side solution out there. Because WordPress plugins are PHP-based, it still takes time for the server to execute PHP-based caching code.

When you set up caching for your eCommerce site, you just have to pay attention to your settings. Some pages (such as cart and checkout pages) need cookies to work, and those can’t be cached. Because of this, some plugins, including WooCommerce, will automatically disable server-side caching. It’s not always very apparent when plugins or themes disable caching, but you can always reach out to your hosting provider and ask them to force cache the site (minus those pages that need cookies).

If you’re using a managed WordPress host, you don’t need to worry about caching plugins at all! They automatically take care of server-side caching for you using custom Varnish settings our team of WordPress experts has fine-tuned and perfected over the years. This means your site will be equipped with one of the fastest caching techniques available, and you don’t even have to worry about setting any of it up! Plus, their servers are configured to automatically flush the cache anytime files change and anytime a post or page is updated. This way, you never have to worry about your users seeing outdated content.