Slow "Add to Cart"

OTP
Tourist
8 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
Jayvin
Shopify Partner
168 25 37

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.

JoesIdeas
Shopify Expert
1244 111 310

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 experts, theme customization, custom app development).
Creator of Shopify Analyzer (first performance analysis tool for Shopify sites, free for the Shopify community).
Creator of Order Automator (auto tag orders and customers + auto fulfillment + more automations).
More apps: Theme Scientist (A/B testing), Tip Jar (add a tip button), File Optimizer (optimize CSS, JS, Liquid).