Add to cart and Buy Now button loading issue

raf7700
Tourist
9 0 1

It seems my add to cart button is more slow than normal to appear in my products page.

Do you have some recommendation ? 

 

Thks

 

screencare.fr

Replies 3 (3)

made4Uo
Shopify Partner
3833 716 1167

Hi @raf7700,

 

This is because one of your code is waiting to be executed and pass through. Please have someone fix the errors you have in your console

 

made4Uo_0-1659035725828.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
raf7700
Tourist
9 0 1

Are you able to tell me what's problem I have to fix plz ??

Cedcommerce
Shopify Expert
718 76 113

Hi @raf7700


We have analyzed your store, and it seems that you will require to improve your website speed to load HTML content faster, and the issue will not be repeated.

Here are some ways to improve your webpage speed:

 

  1. Compress Large Images for faster web page loads. Make sure your images are of good quality, and do not add too many images on a single page. You can try tools like tinypng to compress images
  2. Try to use fonts from the Shopify admin. If any third-party font is required, then upload it to the Assets folder. Use Font-display property as a swap.
  3. To reduce the initial load time, you can use the Lazy load technique
  4. Remove third-party JS scripts and Apps which you are no longer using.
  5. Limit the number of redundant third-party providers and try to load third-party code after your page has primarily finished loading.
  6. Disable or remove app features you don't use. Also, remove the code added as part of the app install process.
  7. Avoid multiple page redirects.
  8. Preload the Largest Contentful Paint image.
  9. Avoid large layout shifts. Set an explicit width and height on image elements to reduce layout shifts and improve CLS. 
  10. Large GIFs are inefficient for delivering animated content. Use MPEG4/WebM videos for animations and PNG/WebP for static images instead of GIF to save network bytes.
  11. Apply lazy loading on the video.
  12. Eliminate render-blocking resources.
  13. Use minified CSS and JS files.

 

Hope it was helpful. Let us know if you need further help with speed and performance optimization.

 

Regards, 

CedCommerce

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here