There is a small delay/lag with the App loading in my store.

Shopify Discussion

Topic summary

Main issue: brief delay on product pages where, when cycling sizes while a color (e.g., pink) is selected, the default first variant (black) images load before the swatch app updates to the selected color.

Context/terms: “Variant” = a specific option combination (color/size). “Swatch app” = an app that renders color swatches and swaps product images accordingly.

Observed effect: a momentary flash of the wrong images (black) until the app finishes loading, creating a perceived lag during variant changes.

Requested guidance:

  • Reduce or eliminate the lag between Shopify’s default image load and the swatch app update.
  • Display loading dots/placeholders instead of initial images while the app initializes.
  • Prevent initial/default images from rendering until the app applies the selected variant.

Outcome/status: No solutions or actions yet; the poster is seeking implementation advice. No attachments or code provided.

Summarized with AI on December 15. AI used: gpt-5.
1

Hi. I’m having a problem where when I cycle through different sizes of the product I currently have up with a colour select (say pink for example), Shopify loads in the first variant (black) before the swatch app loads in the selected corresponding colour.

Is there any way to minimise this lag? Or somehow put in loading dots in place of the first set of images or block them from showing up completely before the app shows?

Thank you in advance.