Shopify speed optimization: theme, apps, images

Every Shopify store runs on the same servers and CDN, so a slow store is slow because of what it loads: the theme, app scripts, images and video. Shopify speed optimization means removing and shrinking those, not changing hosting. In most stores the biggest wins are removing unused app code, compressing the hero image and loading widgets later.

This guide shows how to measure speed properly, then goes through the fixes in the order they usually pay off. It is part of the SEO for Shopify guide, and speed is one section of the Shopify SEO checklist.

Measure the right pages

Test a product page and a collection page, not only the home page. Those are the pages that rank and that buyers land on.

Google PageSpeed Insights gives lab scores for a single load and, if your store has enough visitors, real Core Web Vitals from Chrome users over the last 28 days. The real-user numbers are the ones Google uses.
Search Console's Core Web Vitals report groups your URLs by status, so you can see whether all product pages share a problem.
Shopify's web performance report in Analytics shows the same real-user metrics over time, which is useful for checking whether a change helped.

Core Web Vitals are also one of the technical checks in the general SEO checklist. Focus on the three of them: Largest Contentful Paint (how fast the main image or text appears), Interaction to Next Paint (how fast the page responds to a tap) and Cumulative Layout Shift (how much things jump around). Lab scores swing from test to test; do not chase a perfect 100.

1. Remove app code you do not use

Apps are the most common cause of a slow Shopify store. Each one that touches the storefront can add JavaScript and CSS to every page.

List the apps you have. Uninstall any you no longer use.
Uninstalling does not always remove the code an app added to the theme. Search your theme files (Online Store > Themes > Edit code) for the app's name and remove leftover snippets and script tags.
Prefer apps that use theme app extensions (app blocks you add in the theme editor). They are removed cleanly when you uninstall and only load where you place them.
For apps you keep, check whether they load on every page. A size chart only needs product pages.

2. Fix the largest image

On most product and collection pages, the largest element is a product photo or hero banner. Make it fast:

Upload sensible files. Resize photos to around 2,000 to 2,500 pixels wide before upload and compress them. Shopify's CDN serves resized versions and modern formats like WebP automatically, but a huge original still costs time.
Do not lazy-load the first image. Images at the top of the page should load immediately. Lazy loading is for images further down.
Use responsive images. Current themes use Shopify's image_url and image_tag filters to serve the right size per screen. Older themes may serve one large size to every device.
Avoid autoplaying video in the hero. If you need video, show a poster image first and load the video after.

3. Load widgets later

Reviews, chat bubbles, pop-ups, upsell carousels and social feeds rarely need to load before the product does.

Load chat and pop-ups after the page is interactive or after a delay.
Put review widgets below the fold so they do not block the main content. Keep the review text in the page HTML for SEO.
Remove third-party tracking pixels you no longer look at. Each one is another script.

4. Use a current theme

Themes built for Online Store 2.0, including Shopify's free Dawn-based themes, are designed around app blocks, responsive images and lighter JavaScript. A theme from several years ago with heavy sliders and jQuery can be slow no matter what you remove.

Before switching, test the new theme's demo product page in PageSpeed Insights. A theme that is slow in its own demo will be slow with your products too.

5. Stop layout shift

Content that jumps as the page loads hurts Cumulative Layout Shift and annoys buyers.

Give images width and height (Shopify's image_tag filter adds them).
Reserve space for banners and announcement bars that appear after load.
Load custom fonts with font-display: swap and limit the number of weights.

What does not help much

Speed booster apps. Most add their own script to the page. Removing code beats adding code. Shopify SEO apps lists which app types are worth keeping.
Changing hosting or CDN. On Shopify you cannot, and you do not need to.
Minifying a few kilobytes of CSS. It rarely moves real-user metrics compared with removing an app or fixing the main image.

Keep it fast

Speed regresses as you add apps and sections. Recheck a product page after every new app, and look at the Core Web Vitals report monthly. A site audit, such as zaDojo's site audit, flags slow pages and oversized images across the whole store so you are not testing pages one at a time.

Questions people ask

Does Shopify speed affect SEO? Yes, a little. Core Web Vitals are a ranking signal, but content and relevance matter more. Speed matters more for sales: buyers leave slow product pages.

What is a good Shopify speed score? Aim for "Good" Core Web Vitals in real-user data (Largest Contentful Paint under 2.5 seconds, Interaction to Next Paint under 200 milliseconds, Cumulative Layout Shift under 0.1). The lab score out of 100 is a guide, not a target.

Why is my Shopify store slow on mobile? Phones have slower processors and connections, so heavy JavaScript from apps hurts much more there. Test on mobile first.