How to reduce or optimize it
Topic summary
Main issue: Improving a Shopify store’s performance and reducing load times, based on screenshots highlighting render‑blocking resources and large JS/CSS payloads. Images/screenshots are central to understanding the performance issues.
Key recommendations:
- Remove unused app code and any leftover snippets from uninstalled apps. This reduces unnecessary scripts and simplifies the theme.
- Limit third‑party JavaScript and reduce the number of apps. Migrate tracking scripts to Google Tag Manager to manage tags centrally.
- Minify JS/CSS and reduce the JavaScript payload. Eliminate or defer render‑blocking resources; use Critical CSS (inline above‑the‑fold styles).
- Optimize media: compress images, reduce large image sizes, lazyload offscreen images, and replace GIFs with static images when possible.
- Improve fonts: preload web fonts and consider using a single standard web font. Upgrade the theme if a newer, optimized version is available.
Clarifications:
- JS (JavaScript) and CSS (Cascading Style Sheets) control site behavior and styles; render‑blocking files delay first paint. Lazyloading defers non‑visible images. Google Tag Manager manages tracking codes.
Latest update/outcome: The store URL was shared for an audit offer. No final resolution yet; a performance audit and implementation of the above optimizations are pending.
Hello @nikz35 ,
- You should remove the unused app code. It will be beneficial to your store. and makes your theme code easier to read.
- 3rd party apps & codes which take time to load and their size . They decrease the speed.
- Some code can be removed or reordered to improve your online store’s performance. If you’re not using an app, then you can remove it.
- If you’re removing an app, then consider removing code that was added as part of the app install process. Some apps help you with this process by wrapping their code in {% comment %} tags that mention the app name.
- Removing unused app code is a best practice that avoids running code for unused features, and makes your theme code easier to read.
You need to work on following points :
- Theme Upgrade if there is a scope and upgraded theme available
- Reduce JS Payload.
- Use Critical CSS .
- Replace GIFs With Static Images
- Reduce Large Image Sizes
- Migrate Tracking Codes To Google Tag Manager
- Compress Images
- Limit Third Party JavaScript & Shopify Apps
- Preload Web Fonts.
- I would suggest limiting to one and using a standard web font.
By fixing these issues, your website speed score can definitely improve.
Or
Please share the store URL, I will give you the free audit report & will provide you suggestions…
Hi,
As you shared the image you need to optimize your js code, eliminate render blocking resources etc.
To improve the speed you need work on below points.
- Reduce # of Apps
- Lazyload Images
- Use Compressed Images.
- Minify JS/Css
- Use Google Tag Manager etc.
Thanks
Please take a look at my signature if information is helpful.