Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I increase the speed of my online store?

How can I increase the speed of my online store?

Faizan_Salem
Shopify Partner
9 0 4

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). 

faizansaleem
Replies 6 (6)

Mubashir_H
Shopify Partner
84 4 14

@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.

SEO pro | speed Optimization expert | SEO content writer

Drop me a message on Whatsapp for Free consultation.
Hire me at Shopify Experts Marketplace

Rayshuggs
Globetrotter
561 35 83

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.

Please let me know if it works by giving it a Like or marking it as a solution!
Increase sales with the Bundle app for Shopify merchants.

kazi
Shopify Partner
656 93 119

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/

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

Faizan_Salem
Shopify Partner
9 0 4

Hello, thank you for your response 🙂

 

faizansaleem

Cedcommerce
Shopify Partner
718 76 114

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. 

 

Cedcommerce_0-1664252680968.png

 

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

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
Faizan_Salem
Shopify Partner
9 0 4

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

faizansaleem