Store speed optimisation

Technical Q&A
1

Can someone help me in achieving the store speed optimisation specially identifying the technical glitches responsible for restricting the store speed?

2

Hi @SNAZZYHUNT

Without your store URL, I cannot go into specifics but to identify the technical glitches, your best tool is Google PageSpeed Insights. Run a test on your store’s URL, and it will give you a “Diagnostics” to-do list.

Hope this helps!

3

Hi [email removed]PieLabShopify Partner

Thank you for your quick response! Here is the store URL: www.snazzyhunt.com for evaluation of the glitches. We’d appreciate it if you could lets know the major factor effecting the performance severely and the remedial action if we could take to fix the glitches, while being assisted over this platform.

Thank you!

4

Hi @SNAZZYHUNT,

Improve TBT Performance

  • Load third-party scripts after page load.
  • For scripts that are not essential for the initial render (analytics, chat widgets, marketing tags), add defer or async attributes.
  • Lazy-load chat widgets

Largest Contentful Paint (LCP)

  • LCP is delayed because hero images, banners, or large product images load late.
  • Preload LCP image
  • Add fetch-priority=“high” on the lcp img tag
  • reomve lazy load from lcp img tag

First Contentful Paint (FCP)

  • Inline critical CSS for above-the-fold elements (header, nav, hero section).
  • Defer or async non-critical CSS/JS files. Example:
<link rel="stylesheet" href="theme.css" media="print" onload="this.media='all'">
  • Preload key web fonts and use font-display: swap. Example:
<link rel="preload" as="font" type="font/woff2" href="{{ 'your-font.woff2' | asset_url }}" crossorigin>

CLS:

5

[email removed]oscprofessional Thank you so much for your valuable insights and the remedial action you recommended. Would it be possible for you to provide me one to one assistance in fixing the issues promptly or if any other alternative to resolve the same in a single session so we can achieve the store speed as reuired to improve user experience?

6

Hii,

I get how annoying slow speed can be especially when you don’t know what exactly is causing it. Before fixing anything, the biggest win is simply identifying the real technical A store becomes slow when something in the background is taking too long to load. This could be a script, an app, a large image, or even theme code. You can do few things like:

First, see what is actually slow (in your admin under Online Store - Themes - Customize - Speed).
PageSpeed Insights / Lighthouse - test your home page and 1 or 2 key product pages.
‘Render-blocking resources’ - usually CSS/JS loading too early
‘Unused JavaScript/CSS’ - heavy apps or theme code not really needed
‘Large layout shifts / CLS / LCP’ - big images, sliders, or sections loading slowly

Common ‘technical glitches’ that slow stores

Too many apps injecting scripts
Upsell popups, chat widgets, tracking tools, etc. all load extra JS.
Disable any app you’re not using and remove old app code from the theme (many apps leave code behind).
Large images & unoptimized banners
Hero images, sliders, or lifestyle photos often load in full desktop size on mobile.
Use proper sizes 1200-1600px for hero and next-gen formats like WebP where possible.
Heavy sections above the fold
Video backgrounds, sliders, large carousels, and complex animations right at the top hurt LCP.
Keep the first screen clean 1 image + heading + CTA usually works best.
Render blocking CSS/JS
Some scripts load in the and block rendering (especially third-party tools, forms, or widgets).
Where possible, they should be deferred or loaded after the main content.

How to systematically fix it

Audit apps Turn off non-essential apps for a test - run speed test again - see if it improves.
If yes, you’ve found one source of slowdown.
Optimize above the fold Use a single hero image instead of sliders/videos.
Make sure that image is compressed and not oversized.
Lazy-load the rest Product images, reviews, carousels, and sections lower on the page should load lazily, not all at once.
Check scripts & tracking Too many pixels (GA, FB, TikTok, Hotjar, etc.) add up.
Keep only what you actually use and avoid duplicate tracking.
If you don’t want to chase every script and app manually, you can also take a look into the Website Speedy App that Optimizes loading order (scripts, CSS, images)
Improves Core Web Vitals like LCP and CLS
Helps reduce the impact of heavy apps and tracking, without you editing code yourself.

7

If you have chosen a good theme and there have been no issues at the beginning, it will be mostly because of the number of apps you are using. If you have installed a lot of apps and haven’t removed the unnecessary ones, this can be causing these issues.