3 key tips to improve e-commerce site speed

The first place to begin when considering e-commerce site speed is the platform you use. Get yourself off to the best possible start by building a site on a platform that cares about speed and UX.

How do you know if a platform is serious about speed? Here’s 3 factors to look out for:

It’s always trying to get faster

You need a platform that has the infrastructure to quicken load times for your customers. This is a continual job for any platform that requires frequent upgrades and new initiatives to keep speeds as fast as possible. Look out for platforms that frequently launch such upgrades - they’re a sign that the platform really cares about your customers’ experiences whilst shopping in your store.

Shopify’s Storefront Renderer (SFR) is dedicated to serving up storefronts as fast as possible, and subsequently reducing load times for your customer. Briefly, it changes the way read requests are served and consequently provides server-side performance gains that are up to 5x faster.

The upgrade was introduced last year and has already been proven to increase both conversion rate and overall revenue. All Shopify Plus stores are now powered by SFR because the Shopify platform is dedicated to increasingly faster site speeds.

It provides fast and reliable hosting

Downtime costs money. And downtime is most likely during the moments when the most money is at stake. Flash sales, Black Friday, new collection launches - all of these events can bring surges in traffic far beyond what is normal. That’s great for business but catastrophic if your site crashes.

To avoid this, you need an e-commerce platform that provides fast and reliable hosting capable of handling even the tallest waves of customers. When looking into hosting capabilities look for the following:

1) Memory and/or bandwidth limits for scaling during peak times.
2) Projections for traffic peaks to avoid crashes from sudden spikes.

Shopify boasts a cloud-based hosting service that guarantees 99.8% uptime. At the peak of 2019’s Black Friday Cyber Monday (BFCM) $1.5 million in sales were processed every minute on Shopify stores around the world, proving the platform’s surge-resistant capacities.

A world-class content delivery network (CDN)

CDNs are groups of servers distributed around the world. They deliver content to your site visitor through the server that’s closest to their location, resulting in much faster local user experiences.

With a broad distribution of CDNs, customers can get the same site speeds and service levels from your store all around the world. E-commerce by its very nature is a global enterprise and therefore a world-class CDN is an absolute must from your platform.

Shopify has CDNs located across Europe, North and South America, Southern African, Australasia, and South and East Asia, meaning store visitors in each of these regions will experience rapid site speeds.

It’s not the entire globe, but Shopify has a lot of it covered. If your customers are arriving from any of these regions, you want a store built on Shopify.

Thinking of migrating?

If you’ve already built a site on another platform but want to take advantage of Shopify’s superior site speeds, you’ll need to migrate. This can be tricky business, moving over all of your store’s innerworkings to a new platform without losing any customer data etc.

We have a lot of experience in this field, with a perfect record of success moving clients over to Shopify whilst safeguarding all data and minimising lost business days. If you’re in the market for a move to Shopify, drop us a line.

Once you’re set up on Shopify - the platform that’s setting the pace in the race for the fastest site speeds - that’s when the real work begins. To improve your Shopify site speed, each individual page needs to hit the gym. Here we’ll show you all the ways to trim the fat and get your pages as lightweight as possible.

The very first thing to do is get a complete audit of your current site speed. It’s important to know the level you’re currently working at, and to set targets of where you want to end up. Google’s PageSpeed Insights will give you a comprehensive report of your site’s current performance.

Remember: you want to check for both desktop and mobile. It’s likely that a large chunk of your customers, if not a majority, arrive to your site on a mobile device. During 2020’s BFCM, 67% of all sales were made on a mobile device. That figure will only keep on rising. With increasing numbers of mobile shoppers, it’s vital that you keep their experiences at the forefront of your decisions. Sites on mobile devices are often slow and frustrating, both of which drive customers away. Make sure yours performs better.

They used to say that mobile e-commerce was the future, well the future is here. If it isn’t already, mobile optimisation should be your top priority.

Optimise image sizes

Your optimisation workout routine begins with image sizes. 50-75% of your site’s total weight will be contained in images. They’re an absolute necessity to any successful e-commerce store, so you can’t do away with them altogether. But you can do these 2 things:

1) Make sure that every image is absolutely necessary.
2) Make each image as lightweight as possible.

Your website will likely need a load of images. But don’t just use an image for the sake of it. Make sure each one is there for a reason, and bin those that aren’t.

Before uploading, use tools like TinyJPG or ImageOptim to compress your images whilst keeping their quality.

Thumbnails

Other image issues come when using thumbnails. Say you have a carousel of product thumbnails on your homepage. The information to generate these thumbnails is pulled straight from your product pages.

The problem is, the information being pulled can be larger than necessary and a visitor’s browser has to scale it down to fit the thumbnail. The process of scaling down impacts page load time.

Thankfully, Shopify has image size parameters built in. These make sure you only download the smallest possible image, whilst keeping the highest possible quality. The parameters reduce the required browser-side scaling, and subsequently speed up Shopify’s sites.

Beware homepage hero slides

There’s a seemingly endless debate amongst online e-commerce gurus over the value and effectiveness of homepage heroes. We’re going to chip in by saying, irrespective of whether they’re useful or not, there’s no denying that they slow down site speed.

The size and quality of image required to fill the space increases load times. If you have 4 or 5 slides, you’re increasing that time 4 or 5 times. We’d recommend reducing the number of slides, preferably to 1.

A single, well-designed hero banner with a clear CTA will be more than enough to draw in customers and convert traffic into sales. Don’t fall into the trap of throwing in as much information into your hero, on numerous slides. Less is more.

Use lite embeds to add videos

Imagine a website in 2021 without video. Yeah, neither can we.

But just like images, video is a huge load for a website to bear. Also like photos, however, there’s ways to make your video content as lightweight as possible. Lite embeds is a great place to start.

The standard Youtube embed code is not only unnecessarily heavy, its <iframe> tag means the height and width of the video is fixed. Your video therefore cannot adjust depending on a device’s screen size.

Lite embeds only load the thumbnail image of the Youtube video onto your video at first. The video player and extra JavaScript then load only when your customer clicks on it. This keeps the weight drastically down when your page is initially loading, thus making it load much faster. Thumbnails usually only weigh around 15KB, something like a whole MB lighter than an entire video!

Spare us the pop-ups

We’ll be honest with you: in most cases, pop-ups are more trouble than they’re worth. Especially quick-view pop-ups on product pages. Why? Because most of the time they pre-load the entirety of a product page, on top of the page your customer is already on.

Imagine you’ve got a collection page with 20 products. That’s 20 lots of information being loaded in one go, just in case a customer clicks on the “Quick View” button. A hell of a lot of loading, for something that might not even happen!

Unless they’re absolutely critical to your business model, we’d recommend that you avoid using pop-ups altogether. Think of it this way - if all your pages are loading in super-fast speeds, your visitors will be more willing (and more likely) to click on each individual product page and navigate their way through your entire store.