Hello, I just took a look at your website, the website does not actually fully enable lazy loading of images, only some modules are enabled. You can open chrome and disable Javascript, and you can see the actual image loading. Lazy loading of images, “data-src” should be used instead of “src” in the img tag. If you take care of these issues, there should be a nice improvement in site speed and PSI score.
Topic summary
Goal: speed up a Shopify store on mobile (urbantribe.in). Consensus focuses on reducing weight, scripts, and images, and auditing with diagnostic tools.
Key recommendations:
- Theme and features: Use a lightweight, responsive theme; disable unneeded features; consider a theme upgrade.
- Images: Resize and compress; reduce image count; prefer WebP; replace GIFs; implement proper lazy loading for offscreen images. One reviewer noted lazy loading isn’t fully enabled (use data-src vs src).
- Code and apps: Minify CSS/JS; remove unused assets; limit third‑party scripts and apps (target ~20 max); use Critical CSS; preload and limit web fonts; reduce redirects and fix broken links; avoid excessive pop‑ups and slideshows (use a single hero image).
- Tools and tactics: Shopify Analyzer, Google PageSpeed Insights, Google Test My Site, Shopify Theme Inspector; consider AMP for mobile; Shopify’s redirects tool. Some third‑party JS may be unavoidable.
- Infrastructure: CDN/caching mentioned; server-side tuning suggested generally.
Notable context: A Shopify staffer cited that during BFCM 2020, 67% of sales were on mobile, underscoring mobile speed’s impact.
Current status: No final resolution. Screenshots were shared highlighting PSI issues (offscreen images, third‑party JS). Latest post asks unanswered questions on image re‑optimization frequency, SEO impact of lazy loading, and hosting/plan recommendations for maximum performance.
