Woocommerce is a great plugin for eCommerce shops no doubt about it. It saves all the work needed for custom code to get your site products in front of your website feed. The issues with it come as it loads extra scripts, widgets, fragments and so on…
This means your current site loads slower and may result in increased bounce rate and bad overall user experience (hence fewer sales).
So, what can you do about it?
There are 3 things that you can implement to make your WooCemmerce site faster:
1. The first thing you need to do is upgrade your current hosting plan or switch to a better hosting company.
Yes, that’s right and the reason is that WooCommerce requires more bandwidth.
And those who don’t know what bandwidth is: It’s data transmission capacity by networks (hosting) and it determined the quality of transmitted data speed! So, if your site doesn’t have enough bandwidth your site will be slow and you don’t want that right?
All that’s left is to upgrade your current hosting plan or choose better hosting that has unlimited bandwidth.
But, how do you determine which is the best hosting?
Let see what others think:
To do so click the image below. This will take you to the Bluehost site where you can enjoy our partnership discount:
To get the best price from the Bluehost you should buy 3 years plan as It works out $3.95 x 3 years = $106.2 (sometimes if you try to exit their website they might offer you an even bigger discount at $2.95 🙂 )
It’s awesome because If you would go for just 1 year it would be $5.96 x 12 = $71.40
You can do the math which works out best!
Note! If you buy through our affiliate links, we will get commissions. That means you’re helping us to provide this free content and get paid to do so!
Step 2 – Purchase Perfmatters plugin by Kinsta ($24.90/year)
Perfmatters is awesome speed optimisation plugin which allows you do increase your WooCommerce website speed by allowing you to disable:
- Disable unnecessary scripts
- Disable cart fragments
- Disable status meta box
- Disable widgets
Or do this manually by adding code to your child theme function.php file. Follow these guides
- Disable fragments form your website homepage: https://gist.github.com/mrkdevelopment/d3bcb7476f4c4c688f810ab40f33a175#file-functions-php
- Load Woocommerece shop paged (and not where it’s not necessary): https://gist.github.com/DevinWalker/7621777#file-woocommerce-optimize-scripts-php
- Disable the default stylesheet: https://docs.woocommerce.com/document/disable-the-default-stylesheet/
How to find function.php file? – Click here for a guide!
It’s recommended to have child theme as otherwise every new theme update you do, deletes these files and you would have to add them again (if you don’t have a child theme, then every time you update theme you need to replace them or buy Permatters plugin!)
Note: Always make a copy of your current function.php file into your computer before you make any changes there.
Step 3 – Optimise and compress all of your website images
1. The first thing you should do is make sure that your images are in jpg file format.
If they’re not, go to png2jpg.com and upload images there to transfer them into jpg.
2. Next, you should compress all of your jpg images in tinypng.com
This compresses images size smaller without affecting image quality too much! Normal person eye’s barely can see the difference.
3. Install Imagify plugin to your website to losslessly compressing all of your images!
If you run out of free compressing memory, don’t worry, wait 30 days and do the rest.
And in setting leave on automatic compressing on images when uploading. That means you will never have to worry about compressing them with Imagify.
4. Reduce images sizes into the right scale
Often if you upload images into your website are much larger scale than you intended place of use:
For example, if your original product image could be the full size of a computer screen, but you’re only going to use it for a small product featured image, then the best possible solution would be to scale down the original image into the same size as it will be used!
Do check if you need to do any of that, go to gtmetrix.com
The image original size is 3024×3024, but it can be scaled to 270×270. This could reduce the image size by 1.1MB, which is huge!
And do scale it down you need to go to WordPress
Step1 – Go to your website Media library and choose the image that you want to scale down
Click the image that showed on gtmetrics.com that can be scaled down from 3024 to 270!
Step 2 – click edit image
Step 3 – change the current image size from
To the size that gtmetrix suggests and click scale
Congrats! You have just scaled you image down by many multiples and reduced the file size 10x if not more!
Yes, WooCommerce is a great plugin for websites to list and sell their products online. However, it takes so much more memory and may slow down your site. To avoid that you should optimise WooCommerce site using the above mention 3 step optimisation to avoid slow website and increased bounce rate.
These 3 points should be your starting point for increasing WooCommerce website!
PS! if you ever need any help, you can contact us and we’ll see if we can help you!