How do I remove unused Javascript from our site - it is slowing it down on mobile (circa 50).
Desktop is circa 97 when I run a Lighthouse check.
Facebook and You tube are the main culprits.
Thanks for any help.
Hello @SeanDS
This is Gina from flareAI app helping Shopify merchants get $6Million+ in sales from Google Search, on autopilot.
You will need to identify which scripts are causing the slowdowns. You can follow these tips to find them.
-
Use a tool to analyze your site’s performance, such as Google’s Lighthouse, to identify which scripts are causing the slowdowns.
-
Review your theme’s code and identify which scripts are necessary for your site’s functionality.
-
Review your theme’s code to determine which scripts are necessary for your site’s functionality and remove any that are unnecessary.
-
Minimize the size of your scripts by removing any unnecessary code, such as comments or whitespace.
-
Use asynchronous loading for scripts that are not necessary for the initial page load.
-
Optimize your images and videos to reduce their size and improve page load times.
-
Consider implementing lazy loading for images and videos to defer their loading until they are needed.
-
Test your site’s performance after making these changes to ensure that the script removal has improved your site’s speed and performance.
By following these steps, you should be able to identify and remove any unnecessary JavaScript from your Shopify site, which should help to improve its loading speed on mobile and desktop devices.
Gina
Hello @SeanDS
In your store, if there is heavy JavaScript calling. so you need to work on it if you are having coding knowledge.
- You need to use Async or defer JavaScript.
- Check the assets folder of the theme and remove unused JS file
- Check and remove unused apps.
- If your store has not installed any app you can comment {{ content_for_header }} code in the theme. liquid (not recommended if you don’t have knowledge about the liquid).