Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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).
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.
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.
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/
Hello, thank you for your response 🙂
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.
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.
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.
<script src=”{{ ‘script_file.js ’ | asset_url }}” async></script>
<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.
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.
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
Hello, thank you for your response. Please check your inbox for further discussion.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024