Speed Optimization Checklist for Shopify Stores

Your Shopify store’s speed is one of the most direct levers you have over both your search rankings and your revenue. Yet most store owners check their PageSpeed score once, feel vaguely concerned about it, and then move on without taking meaningful action.

This guide gives you a complete, actionable speed optimization checklist for Shopify stores in 2026. Every item on the list is explained in enough depth to understand what it is, why it matters, and exactly how to implement it. Whether you tackle these yourself or hand them to a developer, working through this checklist will produce measurable improvements in your store’s performance.

Why Shopify Store Speed Matters More Than Ever

Google confirmed page speed as a ranking factor in 2018. Since then, the bar has raised significantly with the introduction of Core Web Vitals as ranking signals, which means Google now evaluates not just how fast your page loads but how stable and interactive it feels to real users on real devices.

The business case is equally clear. Research consistently shows that a one-second delay in page load time reduces conversions by up to 7%. On mobile, where the majority of Shopify traffic now originates, over 50% of users abandon a page that takes more than three seconds to load.

A fast store earns better rankings, converts more visitors, and delivers a shopping experience that builds customer trust. A slow store loses traffic, loses sales, and loses ground to competitors every single day.

The good news is that Shopify’s infrastructure is inherently fast. The platform uses a global CDN, handles SSL, and processes payments on Shopify’s own servers. The speed issues that affect most Shopify stores are almost entirely self-inflicted through unoptimized images, bloated apps, heavy themes, and poor code practices. Every item on this checklist is fixable.

How to Measure Your Shopify Store Speed

Before working through any optimizations, establish your baseline. You cannot improve what you have not measured, and you cannot confirm improvements without before and after data.

Use Google PageSpeed Insights at pagespeed.web.dev. Enter your store URL and run separate tests for mobile and desktop. Note your Core Web Vitals scores: Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS). These are the metrics Google uses for ranking, and they are the ones you should focus on improving.

Run the same URL through GTmetrix for a second perspective. GTmetrix provides a waterfall chart showing exactly which resources are loading, in what order, and how long each one takes. This is invaluable for identifying specific bottlenecks.

Also check your scores on Shopify’s built-in Online Store Speed report, found under Analytics in your Shopify admin. This gives you a benchmark score specific to the Shopify platform and tracks changes over time.

Test at least three pages: your homepage, a collection page, and a product page. Each page type has different content and different performance characteristics. A fix that improves your homepage may not address the issues slowing down your product pages.

Section 1: Image Optimization

Images are the single largest contributor to page weight on most Shopify stores and almost always the highest-impact place to start your speed optimization work.

Compress all images before uploading

Every image you upload to Shopify should be compressed before it touches your media library. Run images through TinyPNG or Squoosh before uploading. These tools reduce file size significantly without any visible loss in quality. A raw product photo from a camera can easily be 4MB to 8MB. A properly compressed version serving the same visual quality should be well under 300KB.

Do not rely on Shopify to compress your images after upload. While Shopify does some automatic processing, it does not replace pre-upload compression.

Convert images to WebP format

WebP delivers comparable visual quality to JPEG and PNG at 25% to 35% smaller file sizes. Shopify automatically serves WebP versions of images you upload to browsers that support it, but your original uploads should still be as compressed as possible before Shopify processes them.

For images already in your media library that were uploaded without compression, use a Shopify app like Crush.pics or TinyIMG to bulk-compress your existing image catalog.

Implement lazy loading for all off-screen images

Lazy loading defers the loading of images below the fold until the user scrolls toward them. This dramatically reduces the initial page weight the browser must process before rendering what the user sees above the fold.

Most modern Shopify themes support native lazy loading using the loading="lazy" attribute on image tags. Check your theme’s collection and product templates to confirm this is applied consistently. If your theme does not support it natively, a developer can add it in a few hours.

Use correctly sized images for each context

A product thumbnail displayed at 200×200 pixels should not load an image at 2000×2000 pixels. Shopify provides image URL parameters that let you request images at specific sizes, which dramatically reduces the file size delivered to the browser.

Use Shopify’s image_url filter with a size parameter in your theme templates to ensure images are served at the appropriate resolution for the context they appear in. A developer implementing this correctly across your theme can cut your total page weight significantly.

Optimize your hero images separately

Homepage hero images are often the largest single image on any page of your store. Because they appear above the fold, they cannot use lazy loading and must load as fast as possible.

Keep hero images under 200KB wherever feasible. Use a horizontal crop rather than a full-screen vertical image to reduce file size while maintaining visual impact. Set them as preload resources in your theme’s head section so the browser fetches them before processing other resources.

Section 2: JavaScript and CSS Optimization

After images, JavaScript is the most common source of speed problems in Shopify stores. JavaScript must be downloaded, parsed, and executed before the browser can fully render your page. Every unnecessary script costs your visitors time.

Audit and defer non-critical JavaScript

Open your theme’s theme.liquid file and review every script tag in the head section. Ask of each one whether it is required for above-the-fold content. Scripts that power features below the fold, such as review widgets, chat tools, or social share buttons, should load asynchronously or be deferred until after the page’s main content has rendered.

Adding defer or async attributes to script tags that do not need to block rendering is one of the fastest code-level improvements a developer can make.

Minify your JavaScript and CSS files

Minification removes whitespace, comments, and unnecessary characters from code files without changing their functionality. The result is smaller files that download faster.

Shopify’s Dawn theme and most modern Shopify themes ship with minified assets. If your store uses an older or heavily customized theme, check whether your JS and CSS files are minified. A developer can minify them as part of a theme performance audit.

Remove render-blocking resources

Google PageSpeed Insights flags resources that block the browser from rendering your page as “render-blocking resources.” These are typically CSS and JavaScript files loaded in the head that the browser must fully download and process before painting anything on screen.

Critical CSS that is needed to style above-the-fold content should be inlined directly in the head section. Non-critical CSS and JavaScript should be loaded asynchronously or moved to the bottom of the page. A developer who specializes in Shopify performance can address render-blocking resources systematically across your theme.

Clean up leftover app scripts from uninstalled apps

When you uninstall a Shopify app, the app is removed from your admin panel but any code snippets it added to your theme files remain. These ghost scripts continue loading on every page even though the app is no longer active.

Search your theme files for script tags and references to apps you no longer use. Remove any code that belongs to uninstalled apps. This is a quick win that often removes several unnecessary network requests from every page load.

Section 3: App Management

Every app you install adds at least one external script to your storefront. Most add more. The cumulative weight of a bloated app stack is one of the most common causes of poor performance on otherwise well-built Shopify stores.

Audit your installed apps quarterly

Go to your Shopify admin, open the Apps section, and review every installed app. For each one, ask whether it is actively contributing to revenue, whether it has a lighter-weight alternative, and whether the functionality it provides could be built natively into your theme.

Apps that are installed and active but rarely used still load their scripts on every page. An app that was useful during your store’s early days but is now redundant should be uninstalled, not just disabled.

Use Shopify’s Theme Inspector to identify app impact

Shopify’s Theme Inspector, available as a Chrome browser extension, lets you see a breakdown of exactly how long each resource in your theme takes to load and which apps are contributing to your load time. Use it to identify which apps are the heaviest contributors to your page weight and prioritize removing or replacing those first.

Replace multiple single-purpose apps with fewer multi-function tools

If you are using separate apps for upsells, cross-sells, recently viewed products, and related products, consider replacing them with a single app that covers all of these functions. Fewer apps mean fewer scripts, fewer external network requests, and better performance.

Section 4: Theme Optimization

Your theme is the foundation of your store’s performance. A heavy, feature-packed theme with animations, video backgrounds, and complex JavaScript interactions will always struggle to achieve strong performance scores regardless of how well you optimize everything else.

Choose a performance-first theme architecture

If you are starting fresh or considering a theme change, prioritize performance in your selection criteria. Shopify’s native Dawn theme is one of the fastest available and serves as a strong foundation for custom development. Themes like Turbo and Streamline are also built with performance as a priority.

Avoid themes that pack dozens of features you will never use. Every feature in the theme’s codebase adds to its weight even if you never enable it. A leaner theme with fewer built-in features, customized to meet your specific needs, consistently outperforms a bloated all-in-one theme.

Our Shopify Theme Development team builds custom themes that are engineered for speed from the foundation up, ensuring your Core Web Vitals scores are strong before a single app is installed.

Disable unused theme features and sections

Most Shopify themes include sections and features that many stores never use, such as Instagram feeds, countdown timers, newsletter pop-ups, and parallax scroll effects. Each of these features loads associated JavaScript and CSS even when they are not visible on the page.

Go through your theme’s settings and disable every feature you do not actively use. The performance improvement from disabling three or four unused features is often measurable in your PageSpeed scores.

Optimize your web fonts

Custom fonts are a common but frequently overlooked source of loading delays. Web fonts must be downloaded before the browser can render text using them. Until the font loads, the browser either shows no text (Flash of Invisible Text) or uses a fallback font that shifts when the custom font loads (causing Cumulative Layout Shift).

Limit your store to a maximum of two font families. Use Google Fonts or Shopify’s font picker and load only the font weights you actually use. Add font-display: swap to your font declarations so the browser displays text immediately using a fallback font while the custom font loads in the background. Preload your primary font file in the head section so it is fetched as a high priority resource.

Section 5: Shopify-Specific Optimizations

Beyond general web performance practices, several Shopify-specific optimizations can meaningfully improve your store’s speed.

Enable predictive prefetching

Shopify’s Storefront Renderer includes predictive prefetching, which anticipates the pages a user is likely to navigate to and starts loading them in the background before the user clicks. When the user does click, the page appears to load almost instantly.

Modern Shopify themes built on Shopify’s Online Store 2.0 framework support this feature natively. If your theme is older, discuss upgrading to an OS2.0 theme with your developer.

Optimize your Shopify checkout flow

Your checkout pages are hosted and managed by Shopify, which means you have limited control over their performance. However, you can ensure your checkout is as fast as possible by using Shopify Payments as your primary payment processor, enabling Shop Pay for returning customers, and keeping your checkout customizations minimal.

For Shopify Plus merchants, our Shopify Checkout UI Extensions service implements custom checkout features in a way that preserves performance rather than degrading it.

Review your liquid template efficiency

Inefficient Liquid code in your theme templates can cause server-side rendering delays that add to your Time to First Byte (TTFB). Common issues include nested loops over large collections, redundant API calls within templates, and unoptimized metafield queries.

A developer reviewing your theme’s Liquid for performance issues can identify and resolve these server-side bottlenecks, which improves TTFB and therefore the overall perceived speed of your store.

Section 6: CDN and Caching

Shopify’s infrastructure includes a built-in CDN powered by Fastly, which automatically serves your store’s static assets from servers geographically close to each visitor. This is one of the reasons Shopify stores are faster than self-hosted alternatives on equivalent hardware.

However, there are additional caching and CDN considerations worth addressing for stores that want maximum performance.

Add Cloudflare in front of your Shopify store

While Shopify’s built-in CDN handles static assets efficiently, adding Cloudflare as a proxy in front of your Shopify store provides additional performance benefits. Cloudflare caches HTML responses at the edge, reducing the number of requests that reach Shopify’s servers and improving response times for repeat visitors.

Cloudflare also provides automatic image optimization through its Polish feature, which compresses and converts images to WebP at the CDN layer for browsers that support it. For high-traffic stores, the performance impact of Cloudflare is meaningful.

Leverage browser caching headers

Shopify sets cache headers on most static assets automatically. However, confirming that your theme’s custom assets are being cached correctly is worth verifying. Use GTmetrix or Chrome DevTools to check the cache headers on your theme’s JavaScript and CSS files and confirm they are set to cache for an appropriate duration.

Speed Optimization Checklist Summary

Here is a prioritized summary of every optimization covered in this guide, organized by impact level:

How KolachiTech Approaches Shopify Speed Optimization

Speed optimization is one of the most technically involved areas of Shopify development. Getting meaningful, lasting improvements requires more than running a few tools and making surface-level changes. It requires a developer who understands Shopify’s rendering pipeline, Liquid template performance, JavaScript execution order, and how third-party scripts interact with each other.

Our Shopify Performance Optimization service starts with a comprehensive audit of your store across all pages, identifying every bottleneck from image weight and app bloat to render-blocking resources and Liquid inefficiencies. We then implement fixes systematically, retesting after each change to confirm the improvement and track progress against your baseline scores.

For stores that need deeper structural work, our Shopify Store Optimization service combines technical performance improvements with UX and conversion rate optimization to address both speed and conversion simultaneously.

You can also read our related blog on Shopify technical mistakes which covers the broader range of technical issues, including SEO and data integrity problems, that commonly affect Shopify stores alongside speed.

If you want a professional assessment of your store’s current performance and a clear action plan for improvement, book a free consultation with our team.

Conclusion

Speed optimization is not a one-time task. Every time you install a new app, update your theme, add new products, or make significant code changes, your store’s performance can shift. Building a habit of regular performance monitoring and treating speed as a continuous priority rather than a one-off project keeps your store competitive over the long term.

Work through this checklist from the top. Start with image optimization and app cleanup since these deliver the highest impact with the least technical complexity. Then move through the code and theme optimizations with developer support. Track your Core Web Vitals scores before and after each significant change.

A fast store ranks better, converts better, and delivers a better experience for every customer who visits. The investment in speed optimization pays returns every single day.

Frequently Asked Questions (FAQs)

1. What is a good Shopify store speed score? On Google PageSpeed Insights, a score of 90 or above is considered good, 50 to 89 needs improvement, and below 50 is poor. For Shopify stores specifically, achieving a mobile score above 70 is a realistic and meaningful target given the complexity most stores carry. More important than the overall score are your individual Core Web Vitals: aim for an LCP under 2.5 seconds, INP under 200 milliseconds, and CLS under 0.1.

2. Why is my Shopify store slow even though I have a fast internet connection? Page speed is determined by your server response time, the total size of all resources on the page, the number of network requests, and how efficiently the browser can render the page. Your internet connection only affects the download portion of that equation. A slow store is almost always slow because of unoptimized images, render-blocking scripts, heavy apps, or inefficient theme code rather than server capacity.

3. Does Shopify’s built-in CDN mean I do not need to worry about speed? Shopify’s CDN efficiently delivers static assets from servers close to your visitors, which is a significant advantage. However, the CDN does not optimize your images, remove unnecessary JavaScript, or fix inefficient theme code. The CDN speeds up asset delivery but cannot compensate for pages that are inherently heavy or poorly constructed.

4. How much can speed optimization improve my Shopify store’s conversion rate? The impact varies by store, but research consistently shows that each second of improvement in page load time can increase conversions by 2% to 7%. Stores that move from a 5-second load time to under 2 seconds often see conversion rate improvements of 15% to 30% or more depending on how significant the original bottlenecks were.

5. Will removing apps improve my Shopify store speed? Yes, often significantly. Each app you remove reduces the number of external scripts loading on your pages, which directly reduces your page weight and the number of network requests. Removing two or three heavy apps from a store that has accumulated too many is one of the fastest ways to see a measurable improvement in PageSpeed scores.

6. Should I switch themes to improve my Shopify store speed? If your current theme scores poorly on Core Web Vitals and has significant render-blocking resources, switching to a modern performance-first theme can produce the most dramatic speed improvements of any single change. Shopify’s Dawn theme and other Online Store 2.0 themes are built with performance as a core design principle. However, switching themes requires rebuilding your customizations, which makes it a significant project to plan carefully.

7. How often should I check my Shopify store speed? Check your Core Web Vitals scores at least once per month and after any significant change to your store such as a new app installation, theme update, or major content addition. Set up Google Search Console to monitor your Core Web Vitals automatically and receive alerts when scores decline below thresholds. Treat speed as an ongoing operational concern rather than a periodic project.