Last Updated on by LAUNCHTIP
(Originally Published November 23, 2020.)
If you are here, chances are you are looking to improve your Shopify’s site speed. Whether it is because you have noticed the theme score in your admin and now wish to improve it or you have been checking up on SEO, having a fast store is better than a slow one.
First off, let’s extinguish a myth
Unfortunately, no. Having a fast site will please the customers on your store. However, considering the millions of stores on the web, you need something called “awareness” to get sales. Awareness is the key to selling lots of product. This can come from brilliant marketing, paid ads, luck, unique product and exposure, word of mouth and so on. Site speed alone will barely dent the ocean of what you need for a successful store.
With that out the way, let’s look at why you would want to improve your Shopify site speed.
A speedy store can lead to increased conversions
This one is true.
It is not referring to acquisition of a customer through SEO, traffic or marketing but simply; converting the customers that are likely to buy on your store once they are there.
Amazon conducted an experiment years ago that proved this thesis. For every second your store takes to load between pages, the conversion rate is affected. This is simply because time is a drop-off factor. If it took 1 minute to load each page on your store, shoppers would get frustrated and leave. Whilst this is true all the way up to the difference between a 2 second load and a 3 second load, fortunately for you this isn’t a major concern.
For Amazon, it amounted to millions per year lost but to most Shopify store owners, as long as you have sub 7 second load speeds, you won’t really notice a gain from improving your sites load speed.
We can prove the above statement very easily.
Let’s take 2 stores with 50 visits a day. On store A, we will spend a lot of time and money on improving the load speed. On Store B, we will spend the same amount of time and money but on “marketing”.
After a week passes, guess which store had more sales? Yep, Store B.
If you aren’t rushing off to think up ways to go viral, get your store in front of 1000s or squeeze extra revenue from your existing customers, check out our tips below on how to improve your Shopify store speed.
How to improve your Shopify store speed; 4 key focus areas.
There are many factors that can affect your Shopify store speed. Some of these you can control, others are factors that you can’t control.
Shopify recently rolled our Speed Score for Shopify themes, which is a combination of Pagespeed by Google Lighthouse and a custom approach by Shopify. Your Shopify page speed loading time is the amount of time it takes for your store to load on any browser and device. This is a great way to track the overall speed of your store.
Why is your Shopify theme speed score important?
The quicker your Shopify theme and store loads on a browser, the better the chance you’ll rank higher on Google above similar ranking stores. It can easily your SEO ranking but the impact is minimal in the given circumstance. The real gain in having a fast-loading Shopify theme is the significantly improved user experience for potential customers visiting your store, which in turn results in better shopping for them, making Shopify merchants a.k.a YOU more money.
Improving your Shopify theme speed
We’ve included some factors that could be impacting the speed of your Shopify theme and your online store, and how you improve the speed of your Shopify theme.
1) Your published Shopify theme
If you believe your Shopify theme is slowing down your online store, you could try the following:
- Disabling any of the theme’s features that you don’t use, such as pop-ups on product and collection pages. Loading extra data your customers aren’t viewing can impact the speed of your online store
- Try contacting your theme’s developer for some insight into how you can increase your Shopify theme speed
- Think about using a system font. These include:
- Lucida Grande
- Trebuchet MS
- Time New Roman
- Courier New
2) Apps, Apps and Apps.
You could have Shopify Apps that you no longer are using on your store that you could uninstall. If you’ve added apps to change the functionality or appearance of your online store, they would have added extra code into your chosen theme so they can work. You can remove parts of the code to improve your Shopify theme speed.
Apps that run in admin-only will not affect the speed of your online store.
The most important factor here is to only remove redundant apps. Do not remove apps that add revenue to your store. This is a critical mistake that merchants often make. They clear out most of their apps in the hope of hitting a 100 speed score only to decimate their store revenue in the process.
An app that generates you revenue with a positive ROI will ALWAYS take precedence over store speed.
3) Liquid code & Theme files
Shopify allows you to edit all of the Liquid code that’s used for your online store. Complex operations with Liquid code can increase your Liquid render time, which in turns affects your overall store speed.
To see how optimised your Liquid code is, you can use the Shopify Theme Inspector for Chrome.
You can also look to minify your Shopify store’s CSS and JS. This is another important process that will help speed up your site and improve its loading time.
4) Images and videos
Large images and videos take a long time to load, which can add to your Shopify theme speed. Shopify has put in place safeguards to stop Shopify merchants from overloading their stores with images and videos.
- You’re unable to have more than 50 products on one collection page
- You can’t have more than 25 sections on your home page
- Some themes are set up to defer loading images that aren’t currently on screen
- Themes can load a specific size of an image based on the screen on which it’s being displayed
- Shopify’s CDN does some compression and heavy lifting
Although these safeguards are put in place, they don’t always stop images and videos from affecting your Shopify theme speed. Some other steps you can try are:
- Keeping slideshows of images to two or three, or even better, just use one main image
- Compress your images: Use Compress PNG or Tiny PNG
- Ask your theme developer for any advice on how best to use images with their theme
If you have a free Shopify theme, then you can contact Shopify support for guidance and support.
Whist it is a great feeling to score well on a test, do not let a theme score consume you. Some of the biggest ecommerce stores on the planet have terrible scores quite frankly and it certainly wasn’t “Speed” that got them there or keeps them there.
In all honest, as long as your store loads in a reasonable time based on GT Metrix Test or a Pagespeed insights test, move on and focus on the aspects that will directly generate you revenue (Marketing, SEO, Content Marketing, Paid Ads, Viral Ads, Social Media and so on). If you have mastered those channels and you are hitting 1 million monthly unique visitors then by all means, get your theme score optimized.