I am just using a free Shopify template in 2.0.
In a web browser such as Chrome, Right click the page and select ‘inspect element’ from the menu, clicking this will now open the developer tools panel in the bottom of your browser window and from here you can do network diagnostics and performance benchmarking. These are technical tools for developers which will provide you with a detailed overview of the network requests and various includes on your theme. Open the network tab and refresh your page to see all the requests being loaded, you can then select JS for Javascript in the filter and begin auditing your store.
Your developer tools network tab will look like this ![]()
All of the requests loaded here originate from either:
A: Your theme (most commonly a tag in theme.liquid)
B: An installed app (loaded via Shopify’s Trekkie system)
The most important thing to do here is to compare what you are seeing in the network tab of your diagnostics output with what you want to run on your store, and then working back from that to remove any erroneous requests.
Our team specializes in this kind of work and can take care of your audit for you, with a 24 hour turn around during business days. Please contact us to arrange an audit and we will optimize your store and provide detailed advisories on how to get the best performance!
Hello @sheridaneveline ,
Gina here from flareAI.
You can check the assets folder of the theme and remove any unused CSS and JS files. Also, check and remove unused apps and any code the app has added to your theme.
You can run the Shopify Theme Inspector for Chrome to identify the lines of code that are slowing down pages in your online store.
If you are trying to speed up your store consider minifying CSS and JS files.
Hope this is helpful.
Gina
flareAI : Generate Sales from Google Search, on Autopilot
Hello @sheridaneveline Can you share store URL?
https://pagespeed.web.dev/report?url=https%3A%2F%2Fsheridaneveline.com%2F&form_factor=mobile
Reduce unused JavaScript
Eliminate render-blocking resources
Ensure text remains visible during webfont load
Largest Contentful Paint image was lazily loaded
Reduce the impact of third-party code
I have checked your store you need to fix other things too
If you want to reduce unused script you can remove unwanted apps or optimize the code like this
{% if template = ‘index’ %}
{% render ‘review-app’ %}
{% endif %}
So the app loads in home page only and for other issues you can search google by each keyword you will find lots of links
If you cant fix them you can hire any developer. If you need help feel free to ask me. Thanks.
Hello @sheridaneveline ,
We have some restrictions in place while resolving this issue to optimize the website speed:-
You can Reduce Unused Javascript 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 throughout.
Also, 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.
Let us know if you need any further help.
Regards,
CedCommerce
Hey,
I have a question I’m new at shopify and I have no Idea how to remove unused JavaScript, so my page can load faster, especially on mobile. Can anyone help me out?
Hi @Miki11
I have the same issue too, have you figure it out how to fix it ?
