Shopify Speed Optimization: Why Your Store Is Slow (Apps, Themes and Images)

Shopify speed optimization starts with one question: what is your store loading that it does not need? In most slow stores the answer sits in three places. Apps add scripts. Themes add sections, animations and code. Images are uploaded larger than the space they fill.

Shopify already handles part of the job for you. Its help center says Shopify provides a CDN at no additional charge and sets browser caching for cacheable files to one year. That means advice about servers, caching plugins and file compression, written for other platforms, rarely applies. What you control is the code and media you add on top.

This guide covers how to measure speed on Shopify, then the causes in the order we would check them: apps, the theme, images, and other scripts and fonts. We did not run tests on any store for this article. Every check below is one you can run yourself from your Shopify admin or a free Google tool.

Before any Shopify speed optimization work, find out how slow the store is for real shoppers. Shopify's admin has a web performance report that tracks three Core Web Vitals from real visits over the past 30 days:

• Largest Contentful Paint (LCP) measures loading. Good is 2,500 ms or less.
• Interaction to Next Paint (INP) measures how fast the page responds to a tap or click. Good is 200 ms or less.
• Cumulative Layout Shift (CLS) measures how much the page jumps around while it loads. Good is 0.1 or less.

Google uses the same thresholds, judged at the 75th percentile of page views. Shopify notes the report can lag by up to 36 hours, so do not expect it to move the day you make a change.

Why your PageSpeed score and your report disagree

A Lighthouse or PageSpeed Insights score is a lab test: one simulated device on one simulated connection. Shopify's developer docs put it plainly: "Use field data to identify what to fix. Use lab data to confirm your fixes work." The same page says a single Lighthouse run can vary by 5 to 10 points, so run each page a few times and use the middle result.

For Shopify speed optimization, test three page types: the home page, a collection page and a product page. Those are the pages most shoppers see, and each one tends to have different problems.

Many apps add JavaScript to every page, even pages where the app does nothing. Reviews, upsells, chat widgets, pop-ups, currency switchers and tracking tools all load code on the main thread. That code competes with the shopper's taps, which is why a heavy app stack often shows up as a poor INP score.

Removing an app is not always enough. Shopify's help center warns that "uninstalling an app doesn't automatically remove its code from your theme" and that you may need to ask the developer how to remove it fully. Older themes are most likely to carry leftover snippets from apps that were installed and removed years ago.

How to audit your apps

• List every installed app and write down what it does for sales. If nobody can name its value, it is a candidate for removal.
• Check for apps that do the same job twice, such as two review tools or two pop-up tools.
• Open your theme code and search the snippets folder and theme.liquid for the names of apps you no longer use.
• Remove one app at a time on a duplicate theme, then compare a lab test before and after.

Shopify's theme guidance also says to "identify and remove or defer app scripts that block HTML parsing". If an app you need loads a blocking script, ask its developer whether it can load with defer.

The theme decides how much code every page carries before you add a single app. Shopify says its Horizon themes and Online Store 2.0 themes by Shopify are free and optimized for web performance. A paid or older theme is not slow by default, but it is worth checking how it compares.

Shopify gives three theme tips for store speed:

• Limit sections. Shopify advises you to "avoid adding too many sections to page templates." A home page with 20 stacked sections loads 20 sets of markup, images and often scripts.
• Test animations. Compare page speed before and after turning on theme transitions or scroll animations.
• Consider a switch if the theme itself is the main cause and edits cannot fix it.

Fonts are part of the theme too. Shopify's developer guide suggests uploading fonts to the Shopify CDN instead of loading them from outside services, and using fallback font settings so text does not jump when the web font arrives. That jump is a common cause of a poor CLS score.

A theme change is the biggest Shopify speed optimization step you can take, and the riskiest. Rebuild on a duplicate theme, check every template and app block, and keep your URLs and redirects the same so you do not lose rankings.

Shopify's image CDN resizes and converts images for you, often to WebP. It cannot fix every image problem. Shopify's help center notes that "pages with numerous high-quality images can load slowly", and recommends JPG for photos and PNG only for graphics that need transparency.

Do not lazy load the hero image

The largest image near the top of the page is usually your LCP element. Shopify's developer docs call lazy loading it "one of the most common and damaging performance anti-patterns in Shopify themes". The fix is to load that image eagerly, mark it with fetchpriority="high", and lazy load images further down the page instead.

Image checks for store owners

• Right-click your home page hero image and choose Inspect. If the img tag says loading="lazy", raise it with your theme developer.
• Count the images above the fold on mobile. Slideshows that load five full-width photos often cost more than they earn.
• Check that product grid images have width and height set. Missing sizes make the grid shift as it loads.
• Replace autoplay background videos on the home page with a still image unless you have a clear reason to keep them.

Image fixes are often the fastest Shopify speed optimization win because they need little or no code.

Ad pixels, analytics tags, heatmaps and tag managers all add scripts, and they are easy to miss in Shopify speed optimization because they live outside the theme editor. Shopify's help center tells store owners to "audit your tag manager to remove any unused or low-value tags". Old campaign pixels from agencies or tools you stopped using are common finds.

Shopify's theme guidance suggests looking for the small share of scripts that cause most of the delay. In Chrome DevTools, the Network panel sorted by size shows which outside domains load the most code. Start there, and remove anything you cannot tie to a report someone actually reads.

Yes, but it is one factor among many. Google says Core Web Vitals, along with other page experience signals, align with what its core ranking systems seek to reward, and it recommends that site owners reach good scores. A fast store with thin product pages will still struggle. A slow store with strong content can still rank, but it may lose shoppers who give up before the page loads.

That is why we treat Shopify speed optimization as part of technical SEO, not a separate project. Speed fixes sit alongside the URL, collection and variant fixes in our Shopify SEO checklist.

Kause Marketing Agency is a Maryland SEO agency based in Randallstown. Our founder, M. Abubakar Ikram, is an ecommerce and Shopify SEO specialist. Our Shopify SEO services cover theme and app cleanup alongside content, and our ecommerce SEO services cover other platforms. Speed work is part of our technical SEO service.

If you want a full review first, our Foundation audit is $1,200 and our Deep-Dive audit is $3,500. If the theme needs replacing, Shopify builds start at $6,000. Monthly SEO runs on a 90-day minimum, then month-to-month. See every plan on our pricing page.

Want a quick read before you spend anything? The free SEO audit is a 30-minute review call plus a short written snapshot of your top issues, usually within 48 hours.