Slow "Add to Cart"

Highlighted
Tourist
5 0 0

Hello,

It seems that our "add to cart" button loads extremely slow on most of our product pages.

Here are some example: https://onetreeplanted.org/products/plant-trees
https://onetreeplanted.org/collections/latin-america/products/amazon-rainforest


Note that we are a registered non-profit and our "products" are simply donations that allow users to choose from different reforestation projects around the world.

Any help would be greatly appreciated.

Thank you in advance!

 

0 Likes
Highlighted
Shopify Partner
88 14 26

Hi,

It does seems like that the "add to cart" takes time to appear but that's not the real problem. There are some blocking scripts that is making your product page to load very slowly.

Some of them are:

https://onetreeplanted2.freshsales.io/track/visit.json failed to load
https://flow.octoboard.com:30443/in/api/v1/traffic/events 429 (Too Many Requests)
https://apptest.onetreeplanted.org/script.js?shop=onetreeplanted-2.myshopify.com

Also the handlebars v4.0.5 is throwing errors.

You need to contact your developer or your theme provider to fix all these.

2 Likes
Highlighted
Shopify Expert
821 67 195

It looks like the reason is a file called rcWidget.css is setting the button to be hidden during page load... then something triggers it to change to visible during page load:

atc hidden.jpg 

It might be by design, maybe you have an app that requires other script(s) to load before the add to cart button can work, but if that's the case I would show the button but just don't make it clickable until those assets are finished loading.

I ran that page through the Shopify Analyzer - a free tool my team built for the Shopify community - the page is quite heavy and has multiple performance issues:

Screen Shot 2020-08-12 at 9.05.56 PM.jpg

You can see the results here: https://analyze.speedboostr.com/result/fq6u9mdhvt

If you need help solving that or optimizing your site give a shout to Speed Boostr. Check those results for recommendations how to fix them. If you need help give a shout at speedboostr.com/contact. That's my team of Shopify developers that focus on optimization.

Thanks for planting trees!

 

 

Founder of Speed Boostr (Shopify optimization and dev agency).
Creator of Theme Scientist (A/B testing app).
Creator of Order Automator (app that auto tags + fulfills orders, send emails).
Creator of Tip Jar (add a tip button to your store).
Creator of Shopify Analyzer (free performance analysis tool).
My team also builds custom apps and automated solutions.
Enjoy the adventure!
1 Like