Add to cart and Buy Now button loading issue

[raf7700]

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

[made4Uo]

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

[raf7700]

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

[Cedcommerce]

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