Shopify Speed Optimization: 12 Proven Ways to Make Your Store Faster in 2026
Shopify Speed Optimization: 12 Proven Ways to Make Your Store Faster in 2026
Page speed is one of the few things that affects everything at once: your Google rankings, your ad costs, your conversion rate, and your customer experience. A one-second improvement in page load time can increase conversions by 5-7%. A one-second delay can drop them by the same amount.
Shopify handles a lot of performance optimization at the platform level—CDN, hosting, SSL, image processing. But what you put on top of that platform matters enormously. Every app, every uncompressed image, every custom script adds weight.
Here are twelve specific things you can do to make your Shopify store faster, ordered from highest impact to lowest.
1. Audit and Remove Unused Apps
Why it matters: Every Shopify app you install can inject JavaScript and CSS into your storefront. Even apps you've disabled in their settings may still load their scripts on every page. If you've installed and uninstalled apps over time, orphaned code from old apps may still be lurking in your theme.
What to do:
- Go to Settings > Apps and sales channels and review everything installed
- Uninstall any app you're not actively using (disabling isn't enough—uninstall removes the code)
- After uninstalling, check your theme for leftover code: go to Online Store > Themes > Edit Code and search for the app's name in your theme.liquid and other template files
- Remove any script tags or snippets that reference uninstalled apps
Expected impact: Removing three to five unused apps commonly saves 200-500ms of load time. For stores with ten or more unused apps, the improvement can be dramatic.
2. Compress and Optimize Images
Why it matters: Images are typically the heaviest elements on any Shopify page. An uncompressed 4MB product photo takes seconds to load on mobile connections.
What to do:
- Resize images before uploading. Product images rarely need to be wider than 2048px. Hero banners rarely need to exceed 1920px.
- Compress images using TinyPNG, Squoosh, or ImageOptim before uploading to Shopify
- Use WebP format when possible (Shopify's CDN automatically serves WebP to supported browsers, but starting with an optimized source file still matters)
- For decorative images that don't need to be pixel-perfect, aggressive compression (60-70% quality) is usually unnoticeable to customers
Expected impact: Properly optimized images can reduce page weight by 50-80%, with corresponding load time improvements of one to three seconds on image-heavy pages.
3. Use a Lightweight Theme
Why it matters: Your theme is the foundation of every page load. A bloated theme with excessive JavaScript, animations, and features you don't use slows everything down.
What to do:
- If you're choosing a new theme, prioritize OS 2.0 themes. Shopify's Dawn theme is specifically built for performance and is a strong baseline
- Avoid themes with dozens of built-in features you won't use (mega menus, elaborate animations, built-in product filtering). Each unused feature still loads its code
- If you're on an older theme, consider migrating to an OS 2.0 theme. The performance difference between a legacy theme and a modern one can be significant
Expected impact: Theme choice alone can account for a one to two second difference in page load time. Dawn and similarly lightweight OS 2.0 themes consistently score higher on speed tests.
4. Lazy-Load Images and Videos
Why it matters: Loading all images on a page at once—including images far below the fold that the customer hasn't scrolled to yet—wastes bandwidth and slows the initial page render.
What to do:
- Most modern Shopify themes include lazy loading by default. Verify yours does: check that images below the fold have a loading="lazy" attribute
- For embedded videos (YouTube, Vimeo), use facade loading—show a thumbnail that loads the actual video player only when clicked
- For collection pages with many product images, lazy loading is especially important since you might have 20-50 images per page
Expected impact: Lazy loading primarily improves perceived performance and Largest Contentful Paint (LCP) scores. The page feels faster because above-the-fold content renders without waiting for below-the-fold images.
5. Minimize Custom JavaScript
Why it matters: Custom scripts added via theme customization, marketing tools, chat widgets, analytics platforms, and tracking pixels all compete for browser resources. Each script must be downloaded, parsed, and executed before the page is fully interactive.
What to do:
- Audit all third-party scripts in your theme. Look in theme.liquid for script tags that load external resources
- Consolidate tracking pixels using Google Tag Manager rather than adding individual scripts
- Defer non-critical scripts. Chat widgets, review popups, and analytics tools don't need to load before the page content is visible. Use the defer or async attribute on script tags when possible
- Remove any tracking or marketing scripts for services you no longer use
Expected impact: Reducing third-party scripts is often the single biggest speed win after removing unused apps. Each removed script can save 100-300ms.
6. Optimize Your Homepage
Why it matters: Your homepage typically has the most elements: hero banners, featured collections, announcement bars, video sections, testimonials, Instagram feeds, and more. Each section adds load time.
What to do:
- Limit homepage sections to what actually drives conversions. A homepage with five focused sections loads faster and converts better than one with twelve sections
- Use a single hero image instead of a slideshow/carousel. Carousels load multiple large images and JavaScript for the slider animation. A static hero image loads once
- Remove Instagram feeds and other embedded social widgets that load external scripts and images
- If you use a video on the homepage, use a static thumbnail that loads the video on click
Expected impact: Homepage optimization commonly reduces load time by one to three seconds, with the biggest gains coming from removing carousels and social feeds.
7. Optimize Collection Pages
Why it matters: Collection pages with many products are among the heaviest pages on most Shopify stores. They load dozens of product images, filtering JavaScript, and sorting logic simultaneously.
What to do:
- Limit products per page. Showing 16-24 products per page instead of 48-100 dramatically reduces initial load
- Ensure product images in the grid are appropriately sized. Collection thumbnails don't need to be full-resolution product photos
- If you use product quick-view modals, make sure they load on demand (when clicked) rather than preloading all product data
Expected impact: Reducing products per page from 48 to 24 can cut collection page load time in half for image-heavy catalogs.
8. Enable Browser Caching
Why it matters: Browser caching stores static assets (images, CSS, JavaScript) locally so returning visitors don't need to re-download them.
What to do:
- Shopify handles most caching automatically through its CDN. Your job is to avoid breaking it
- Don't append random query strings to asset URLs (a common anti-pattern in custom themes)
- For custom assets you add to your theme, use Shopify's asset_url filter to ensure they're served through the CDN with proper cache headers
Expected impact: Caching primarily benefits returning visitors. Second and subsequent page loads can be 40-60% faster with proper caching.
9. Optimize Fonts
Why it matters: Custom fonts require additional HTTP requests to download font files. Multiple font weights and styles multiply the impact.
What to do:
- Limit yourself to one or two font families. Each additional family adds download time
- Only load the weights you actually use. If you only use Regular (400) and Bold (700), don't load Light, Medium, Semibold, and Extra Bold
- Use system font stacks for body text when possible. System fonts load instantly because they're already on the user's device
- If using Google Fonts, preload the primary font to reduce render delay
Expected impact: Font optimization typically saves 100-400ms depending on how many fonts and weights were previously loading.
10. Reduce Redirects
Why it matters: Each redirect adds a round trip between the browser and server. Two or three chained redirects can add a full second to page load time.
What to do:
- Audit your URL redirects in Shopify admin (Settings > Navigation > URL Redirects)
- Fix any redirect chains—where redirect A points to redirect B which points to the final URL. Update A to point directly to the final destination
- When linking internally (navigation, emails, social), always use the final destination URL, not a URL that redirects
- Check that your canonical domain is set correctly (www vs. non-www) to avoid unnecessary redirects on every page load
Expected impact: Eliminating redirect chains can save 200-500ms per affected page load.
11. Use Shopify's Built-In Features Over Apps
Why it matters: Shopify has added many features natively that previously required third-party apps: product reviews, email marketing, basic automations, delivery customizations. Native features are optimized for the platform and don't add external scripts.
What to do:
- Review your installed apps and check whether Shopify now offers a built-in equivalent
- Shopify Email instead of a third-party email app (if your needs are basic)
- Shopify's built-in filter and search instead of a third-party filtering app (if your catalog is straightforward)
- Shopify Flow for automations instead of dedicated automation apps
Expected impact: Each app replaced by a native feature removes external scripts and API calls from your storefront.
12. Monitor Continuously
Why it matters: Speed optimization isn't a one-time task. Every new app installation, theme update, or marketing campaign can introduce new performance issues.
What to do:
- Check Shopify's Online Store Speed report monthly (Online Store > Themes > Speed)
- Run Google PageSpeed Insights on your homepage, a collection page, and a product page quarterly
- Pay attention to Core Web Vitals: LCP (Largest Contentful Paint), FID (First Input Delay), and CLS (Cumulative Layout Shift)
- Set a performance budget: decide on a maximum acceptable load time and treat any regression as a bug to fix
Benchmarks to aim for:
- Shopify speed score: 50+ (out of 100). Above 70 is excellent
- LCP: Under 2.5 seconds
- Mobile PageSpeed Insights: 60+ is good. 80+ is excellent
- First Contentful Paint: Under 1.8 seconds
The Priority Order
If you're starting fresh:
- Remove unused apps (biggest bang for effort)
- Compress images (biggest overall file size reduction)
- Evaluate your theme (foundational to everything else)
- Audit third-party scripts (often the hidden performance killer)
- Optimize homepage structure (your highest-traffic page)
- Everything else in order of impact for your specific store
What Not to Waste Time On
- Minifying CSS/JS manually — Shopify's CDN handles this. Manual minification of theme files provides negligible benefit
- CDN configuration — Shopify's CDN is already global and optimized. You can't change it, and you don't need to
- Server-side optimization — You're on Shopify's infrastructure. Server response time is their problem, and they're good at it
Focus your energy on the things you control: what's on the page, how heavy it is, and how many scripts are loading.
Bottom Line
A fast Shopify store isn't about any single optimization. It's about consistently making the right choices: fewer apps, smaller images, lighter themes, and less unnecessary JavaScript.
Every improvement compounds. A hundred milliseconds here, two hundred there—they add up to a store that loads noticeably faster, ranks higher, and converts better. Speed is one of the few optimizations with no downside.
Michael Thomson
Software Developer specializing in Shopify apps and e-commerce solutions.
Get in touchRelated Articles
Stop Guessing What's Selling: How AI Analytics Is Replacing Shopify Spreadsheets
You export a CSV, open a spreadsheet, build a pivot table, squint at columns for twenty minutes, and still aren't sure which products are actually trending. There's a faster way now.
How to Reduce Shopify Cart Abandonment: 9 Strategies That Actually Work in 2026
The average Shopify cart abandonment rate is around 70%. That means for every 10 customers who add a product to their cart, 7 leave without buying. Here are nine things you can do about it that don't involve guesswork.
Why Hiding Exclusive Products Is Costing You Sales on Shopify
Most stores hide their members-only products entirely. That's backwards. Letting everyone see what they can't buy yet is one of the most effective conversion levers you're probably not using.