How can I increase the speed of my online store?

[Faizan_Salem]

Hello Guys, this is my store bodybrics.com. it's speed stuck at 30 for very long time and I'm losing potential customer due to high bounce rate. I tried many image compressor apps but no one works for me. Need Guidance or support from experts. (Paid or Un paid). 

[Mubashir_H]

@Faizan_Salem 

1) Compress images with a crus.pics app or do it manually with tiny.png

2) lazy load the images (This requires coding knowledge)

3)  Minify and group Javascript and CSS files

4) Remove unwanted apps and remove the codes of the old apps

5) Reduce the number of HTTP requests

If you don't have coding knowledge, you may hire me or any other expert for safe speed optimization.

[Rayshuggs]

You should try reaching out to Shopify support to see if anything can be done to help from the platform itself. If not, you should look to hire someone into software coding maybe from Upwork as I know a lot of qualified people in this aspect reside there.

[kazi]

Hello

            @Faizan_Salem  I have checked the current speed and scores in google insight 
https://pagespeed.web.dev/report?url=https%3A%2F%2Fbodybrics.com%2F

Mobile - 32

Reduce unused JavaScript
Eliminate render-blocking resources
Reduce unused CSS
Minify JavaScript

Follow these guides to solve them

https://gofishdigital.com/blog/shopify-speed-optimizations/

https://www.browserstack.com/guide/shopify-speed-optimization
https://litextension.com/blog/shopify-speed-optimization/

[Faizan_Salem]

Hello, thank you for your response 🙂

[Cedcommerce]

Hello @Faizan_Salem, 

Based on your query, we have checked your issue and found the following issue with your store script which is hampering your store speed. 

image.png

For a complete resolution, you need to resolve the below-mentioned issues for improving your website speed.

However, we suggest you only follow the below instructions if you have experience handling liquid code or are technically apt at managing your store settings. In case not, please consider hiring a Shopify expert team like us who can help you optimize your store for free.

1. The eliminate render-blocking resources are caused by both the javascript files and the CSS files.

For CSS, you can preload the CSS files as shown in the example below:  

<link rel=”preload” as=”style” href=”{{ ‘css_file.css ’ | asset_url  }}”/>

and then add the CSS normally you do in Shopify: 

<link rel=”stylesheet” href=”{{ ‘css_file.css ’ | asset_url  }}”/>

For Javascript files, you can use async and defer attributes to the script tag to remove the issue. 

• Async - the async attribute lets the script be executed asynchronously with the rest of the page ( the script would be executed as the webpage parsing continues).

<script src=”{{ ‘script_file.js ’ | asset_url  }}” async></script>

• Defer - the defer attribute ensures that the script has to be executed only after the page has finished parsing. 

<script src=”{{ ‘script_file.js ’ | asset_url  }}” defer></script>

The use of both the above keywords ensures that the render-blocking issues are removed from the script files.

1. Reduce Unused Javascript issues can be fixed only when you have template-specific files but in Shopify, we have js files such as theme.js, and vendor.js which are almost called globally and we cannot do anything about that because if you go on to modify these js files then it can break some functionality of the website somewhere. 

If you wish to remove unused javascript issues coming through the Facebook sales channel script and google tag manager then you need to hire a developer who can help you with these problems.

1. Remove third-party JS scripts and Shopify App which you are no longer 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 the code that was added as part of the app install process.

Let us know if you need any help with this or connect with us via Inbox and we will surely fix the issue for you. 

All the best, 

CedCommerce

[Faizan_Salem]

Hello, thank you for your response. Please check your inbox for further discussion.