Why is my 'add to cart' button loading slowly on product pages?

OTP
Shopify Partner
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!

 

Replies 2 (2)

Jayvin
Shopify Partner
284 42 89

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.

banned

JoesIdeas
Shopify Expert
2220 201 591

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! 🌲

 

 

• Creator of Order Automator (automate tagging, fulfillment, Amazon, notifications + more)
• Shopify developer for 10+ years, store owner for 7 years
• I also make guides like Shopify Automation Tips and How to Deal with Fraud / Chargebacks