FROM CACHE - en_header

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!

 

Replies 2 (2)
Jayvin
Shopify Partner
284 42 85

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
1739 152 451

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 (app to save time + automate tasks, monitor orders, tag, fulfill, FBA)
• Shopify developer for +10 years
• Contributor on the Speed Boostr blog
• Guy who likes to help people