Why PageSpeed Score Matters for Shopify Sales

Google’s Core Web Vitals — measured by PageSpeed Insights — are a direct ranking factor. A store with a 90+ score ranks better than an equivalent store at 45. Beyond SEO: every 1-second improvement in mobile load time increases conversions by 27% (Google, 2023). A 90+ PageSpeed score on mobile is achievable for most Shopify stores with a focused optimisation sprint. Here’s exactly how to get there.

Step 1: Benchmark Your Current Score

Go to pagespeed.web.dev and test your homepage, a product page, and a collection page. Note the score for mobile and desktop separately. Mobile is what Google’s algorithm uses for indexing and ranking — desktop scores don’t directly affect SEO. Record your starting LCP (Largest Contentful Paint), INP (Interaction to Next Paint), and CLS (Cumulative Layout Shift) values.

Step 2: Image Optimisation (Biggest Single Win)

  • Compress all images: JPEG at 70–80% quality via TinyPNG or ShortPixel. Aim under 150KB per product image
  • Use correct image dimensions: don’t upload a 3000px image for a container that displays at 800px
  • Add loading="lazy" to all images below the fold
  • Preload your LCP image (hero banner) — add <link rel="preload" as="image"> in theme <head>
  • Use Shopify’s native image CDN — Shopify automatically serves WebP where supported. Don’t override with external image hosts

Step 3: Remove and Defer JavaScript

  • Uninstall every app you don’t actively use — each loads JavaScript that blocks rendering
  • Add defer attribute to non-critical scripts (chat widget, analytics, social sharing buttons)
  • Use the Performance tab in Chrome DevTools to identify render-blocking scripts
  • Delay chat widget load by 3 seconds — customers don’t need chat available before they’ve seen your content

Step 4: Font and CSS Optimisation

  • Switch to system fonts where possible — font-family: system-ui, -apple-system, sans-serif loads instantly with no network request
  • If using Google Fonts, preconnect: <link rel="preconnect" href="https://fonts.googleapis.com">
  • Load only the font weights you actually use — if your theme loads 6 weights, reduce to 2 (regular + bold)
  • Remove unused CSS — theme CSS files often include styles for features you haven’t enabled

Step 5: Shopify Theme Audit

If after all optimisations your score is still below 70, the theme itself may be the bottleneck. Themes built before 2022 often have architectural performance debt that can’t be overcome with optimisation alone. Consider migrating to Dawn (Shopify’s official free theme, 90+ scores) or a modern performance-first premium theme. The effort of a theme switch is repaid quickly in SEO gains and conversion improvement.

Need a Shopify speed audit and optimisation? Our dev team regularly takes stores to 90+ PageSpeed on mobile. Get in touch or see our results.

Shopify Experts · OneOnic

Ready to Grow Your Shopify Store?

Our Shopify experts at OneOnic have helped hundreds of brands increase conversions, traffic and revenue. Let’s do the same for you.

Tags: