A slow online store creates friction before shoppers even evaluate a product. Pages that stall, jump while loading, or respond slowly to taps can make browsing frustrating—especially on mobile. The best way to improve Shopify speed is not to install every speed app you can find. Measure the store, identify the biggest bottlenecks, fix them in a controlled order, and test again.
This guide covers nine practical improvements. Results vary by theme, apps, catalog size, and third-party services, so treat speed work as an evidence-led process rather than a guaranteed score increase.
1. Measure before changing anything
Test a representative homepage, collection page, product page, and cart flow on mobile and desktop. Use Google PageSpeed Insights for lab diagnostics and field data when available, and review the Core Web Vitals report in Google Search Console. Save a baseline so you can compare each change.
Core Web Vitals cover Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS). Google’s current “good” thresholds are LCP at 2.5 seconds or less, INP at 200 milliseconds or less, and CLS at 0.1 or less, assessed at the 75th percentile. See web.dev’s Core Web Vitals guide.
2. Resize and compress images
Upload images at dimensions suited to their actual display size instead of serving huge files to every card. Prefer modern formats such as WebP or AVIF where your workflow supports them. Preserve enough detail for customers to inspect products, but avoid unnecessary file weight.
Lazy-load below-the-fold galleries and editorial images. Do not automatically lazy-load the primary image visible immediately on the page if it is the main LCP element; delaying it can slow the initial render.
3. Remove app scripts you no longer need
Reviews, upsells, chat, subscriptions, popups, badges, and trackers can each add JavaScript or network requests. Audit installed apps and theme app embeds. Remove tools that are unused and check whether active apps need to load on every page. Test changes in a duplicate theme first because some apps rely on theme-specific code.
4. Keep the theme lean
Large animation libraries, autoplay video, complex sliders, and repeated third-party widgets can add browser work. Keep sections that help customers understand the offer or make a decision. Check whether your theme already provides a feature before installing another app to duplicate it.
5. Reduce layout shift
Make image dimensions predictable, reserve space for banners and embeds, and avoid inserting late-loading content above existing text. Cookie notices, announcement bars, and recommendation widgets can move the page after it appears. A stable layout also reduces accidental taps.
6. Prioritize the mobile first screen
Make the product name, image, price, options, availability, and primary action easy to find. Avoid stacking several heavy banners before the product or opening popups that cover the page immediately. Ensure sticky bars do not hide selectors, notices, or purchase buttons.
7. Simplify fonts and visual effects
Loading too many font families and weights can add requests. Use a limited set, specify sensible fallbacks, and remove unused styles. Large blur effects, moving backgrounds, and complex transitions should be restrained on mobile. Respect reduced-motion preferences.
8. Review third-party connections
External reviews, chat, video, and analytics scripts may be outside the theme’s direct control. Identify integrations that are essential, and where practical defer nonessential widgets until after the main content has loaded or until the shopper interacts. Do not disable essential checkout, consent, privacy, or measurement functions without understanding the consequences.
9. Retest and monitor real results
Repeat the same tests after meaningful changes and record the result. Lab scores can differ from real visitors’ experiences, so monitor field data over time. Track add-to-cart rate, checkout completion, and conversion alongside speed measurements. The goal is a smoother shopping journey—not simply a higher score.
A practical order of operations
- Capture a baseline for key templates.
- Fix oversized images and obvious loading issues.
- Remove unnecessary app embeds and scripts.
- Address layout shifts and slow interactions.
- Retest and monitor field data.
For store discoverability, read our Shopify SEO checklist. Make one meaningful change at a time and confirm it helps before rolling it out widely.