Why are product images loading slowly on some devices?

Store Feedback
2

@FTUndies ,

oscprofessional_0-1678694260881.png
oscprofessional_0-1678694260881.png1338×923 77.9 KB

oscprofessional_1-1678694274116.png
oscprofessional_1-1678694274116.png1160×948 61.3 KB

You need to work on the 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 suggest limiting it to one and using a standard web font.

Theme Upgrade :

Its benefits include improved loading speeds, which can help with both user experience and store conversion rates, and search engine optimization.

Refer to this blog :

https://www.oscprofessionals.com/shopify/improve-your-shopify-stores-speed-performance-score-by-upgrading-it/

How to Optimize Total Blocking Time :

After determining the Long Tasks and the code blocks and web page assets that are causing them, optimizing Total Blocking Time can be possible. To optimize the Code Blocks that busy the main thread longer than 50 MS, the methods below can be used.

  • Reduce the Request Count of the Third-Party Scripts
  • Reduce the Size of the Third-Party Scripts
  • Minimize the Browser’s Main Thread Work
  • Clean the Unused Javascript and CSS Codes
  • Compress the Javascript and CSS Files
  • Implement the Code Splitting for Javascript Assets

You can choose from several fonts for the text in your online store. To avoid downloading a new font to your customer’s computer, you can use a system font.

How to avoid showing invisible text :

The easiest way to avoid showing invisible text while custom fonts load is to temporarily show a system font. By including font-display: swap in your @font-face style, you can avoid FOIT in most modern browsers.

Remove unused CSS and unused JS:

  • Check the assets folder of the theme and remove unused CSS and 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)

By fixing these issues, your website speed score can definitely improve.

For more details please check the link below.

https://www.oscprofessionals.com/blog/shopify-speed-optimization-guide/

If anything needs to be included or clarified then feel free to ask. We will surely help you.

Have a nice day!