Slow Loading Speed, especially for Mobile

Technical Q&A

Topic summary

Slow mobile load on a Shopify store, with a shared PageSpeed Insights report. One analysis cites current scores of 30 (mobile) and 49 (desktop), flagged as poor, with mobile prioritized due to traffic share.

Commonly recommended fixes:

  • JavaScript/CSS: Reduce unused JS and overall JS payload; defer/async scripts; remove obsolete app code; limit third‑party scripts/apps; generate Critical CSS; minify and, where appropriate, combine assets; place CSS in head and JS late to avoid render‑blocking.
  • Images/media: Properly size, compress, and lazy‑load images; avoid heavy slideshows and GIFs (use a single hero/static images); optimize videos.
  • Fonts: Ensure text is visible during webfont load; preload critical fonts; consider standard web fonts.
  • Theme/architecture: Use or upgrade to a lightweight OS 2.0 theme; avoid page builders that add bloat.
  • Delivery/performance: Measure server response times; use gzip and a CDN; preload critical assets.
  • Metrics focus: Improve Core Web Vitals (LCP for loading, CLS for layout stability, FID/TBT for interactivity) via PSI and GTmetrix guidance.

Resources and offers include Shopify docs, optimization blogs, TinyPNG, GTmetrix/PSI, and several service providers/tools. No confirmed fixes or resolution yet; multiple offers for audits and paid optimization. Discussion remains open.

Summarized with AI on January 22. AI used: gpt-5.
6

Hello @NatureBed
Hope you are doing very well!

As per our analysis, your current store speed on mobile is 30 and on the desktop is 49 which is considered very poor and as per recent trends maximum reach of the audiences is through the mobile so the speed for mobile is not good then it will affect your audience reach because customers want the hassle-free shopping without any interruption.

So I mention a few points that will affect the speed and it will only be achieved by a good developer–

Following things would be done to optimize your store speed: -

  1. Full speed optimization Audit.
  2. Check and fix all halting Java scripts if any.
  3. Check and remove apps’ obsolete code if any.
  4. Check and optimize all website assets (images, CSS, JS, etc.)
  5. Images optimization & compression.
  6. Optimize the video section to an optimized version if any.
  7. Apply Lazy loading per section wherever required.
  8. Check and defer scripts wherever required.
  9. Improve liquid rendering time.
  10. Improve Largest Contentful Paint LCP [Web Vitals] as per Gtmetrix.
  11. Improve Cumulative Layout Shift [Web Vitals] as per Gtmetrix.
  12. Improve TBT - Total blocking time as per GTmetrix.
  13. Improve FID - First Input delay
  14. Pre Load critical assets.
  15. Handle third-party script [ app ].
  16. Font loading.
  17. Compress js and CSS files.
  18. Apply CDN where required.
  19. Lazyload images and iframes.
  20. Remove unused JavaScript from the theme.
  21. Preload assets where required.
  22. Optimize videos and Gif
  23. Improve overall page loading time
  24. Implement AMP pages if required.
  25. Improver overall core web vitals score based on lighthouse policy.

On these points, if you optimize it will be surely that you achieve good speed.

Thanks and Regards

Adarsh Tripathi