Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Investigating a strange issue on my Shopify site where the "add to cart" button (on product pages) and "check out" button (in the cart) both take five seconds to appear after the page loads.
Example link to product: https://chibitronics.myshopify.com/collections/kits/products/circuit-stickers-intro-pack
It's been doing this for several months and I've not been able to figure out why. There don't appear to be any obvious errors in the browser's console. Any idea why this might be?
Thanks,
Kevin
Hi, I would suggest installing a lazy loader. U can also check these and implement: https://help.shopify.com/en/manual/online-store/store-speed/improving-speed , https://www.fulfillrite.com/blog/7-ways-to-speed-up-your-shopify-store/ , https://www.semrush.com/blog/9-tips-for-boosting-the-speed-of-your-shopify-website/
Hello @SeaOfStars,
This is flareAI - Generating Sales from Google Search, on Autopilot. Helping Shopify merchants in generating $5+ million in sales from Google Search.
If my suggestions helps you, please Like and Accept solution to let me know
I checked your store. I am seeing an error in the Console. Check it.
It seems that you will require to improve your website speed to load HTML content faster.
1. Add pagination in the pages where you are listing products like https://chibitronics.myshopify.com/collections/all
Adding too many images on a page can be frustrating. It can significantly slow the load time of your website. Also, it can overwhelm visitors, which will ultimately result in a poor user experience, a high bounce rate, and a high probability of lower rankings in relative search results.
2. Image compression is important and a necessity for faster-loading web pages. Make sure your images are of good quality and do not add too many images on a single page.
3. Use a theme which is optimized for performance means a theme that is responsive, fast, and takes minimal time to load the page.
4. Use Lazyload wherever required to reduce initial load time
5. Remove all unwanted Shopify Apps which you are not using
You should disable app features you don't use, or you can remove the app if you don't need it. If you are removing an app make sure to remove code that was added as part of the app install process.
6. Use minified CSS and JS files
If you found the answer helpful consider supporting the Shopify Community by giving it a Like + Accept the solution.
Cheers!
Gina
flareAI
Hello @SeaOfStars,
We can check that, this issue arises because of an app code. You might have used an app earlier, this app code hides the ATC button for 5 seconds and then displays it. Either you need to remove this code or you need to connect with the app support team to get this issue resolved at the earliest.
Hope it helps, let us know if you need any help with it.
Regards,
CedCommerce
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025