Shopify SEO and Digital Marketing

SEO Techniques for Better Shopify Theme Performance

Last modified: May 17, 2026

Your Shopify theme is the single biggest lever you have for page speed, and page speed is the single biggest technical lever you have for SEO. A heavy theme stuffed with apps and animations can drop a store’s Lighthouse score from 90+ down into the 40s, and that drop maps directly to lower rankings and lower conversion. This guide covers 12 specific theme-side techniques that move both metrics in the right direction.

1. Start with a Lean Theme

Picking a Shopify theme directly affects how much code, JavaScript, and image weight ship with every page. A theme with stacked animations, slide-ins, and persistent video backgrounds will fight against you on every Core Web Vitals score. A clean, lightweight theme like Dawn ships with a Lighthouse mobile score in the high 80s out of the box. Most stores never beat that score once they start adding apps and customisations, so starting from a lean base matters.

If you are choosing between two themes, install both as unpublished and test the demo pages plus your actual product pages with PageSpeed Insights. The mobile score is the one that matters: most shoppers will arrive on mobile, and Google primarily uses mobile signals for ranking.

2. Use WebP Images (Shopify Handles This Automatically)

Shopify automatically converts JPG and PNG uploads to WebP at serve time, so you do not need to upload .webp files yourself. What you do need to do is make sure the source images you upload are reasonably sized to begin with. A 4,000-pixel-wide JPEG converted to WebP is still a heavy file. Resize source images to roughly twice the maximum display width before uploading, for most product images that is 1,600 to 2,000 pixels wide.

Workflow that actually works:

Resize images before upload using Squoosh, Photoshop, or a batch tool like ImageOptim.
Upload through the Shopify admin or theme editor as JPG or PNG. Shopify serves WebP automatically.
Write descriptive alt text on every image. “Bright yellow handmade ceramic mug on oak desk” beats “IMG_4823.jpg” for both accessibility and SEO. Generic alt text like “image” or “photo” is a Lighthouse penalty.

3. Run Speed Tests Against Real Pages

Test the actual pages customers land on, not just your home page. Run your top-traffic product page, your highest-converting collection page, and your home page through Google PageSpeed Insights and GTmetrix. Real-world results almost always look worse than the demo theme because of accumulated apps and customisations. For a step-by-step walkthrough of fixes once you have the numbers, see our guide on how to improve your Shopify store speed.

The three metrics that matter for ranking and conversion:

LCP (Largest Contentful Paint): how fast your biggest visible element loads. Target under 2.5 seconds on mobile.
INP (Interaction to Next Paint): how responsive the page is to clicks and taps. Replaced FID as a Core Web Vital in March 2024. Target under 200 ms.
CLS (Cumulative Layout Shift): whether the page jumps around as it loads. Target under 0.1.

If any one of these is in the red, your SEO is paying for it directly. Fix the highest-impact one first.

4. Strip Down the Home Page

The home page sets the tone for every other page on your store. A bloated home page with three sliders, autoplay video, and six rows of “as featured in” logos is the fastest way to fail Core Web Vitals. Keep it focused:

Skip carousels and sliders. They hurt LCP and CLS, and most users only see the first slide anyway.
Use one strong hero section with a clear product or category callout.
Enable lazy loading for any image below the fold. Shopify themes generally do this by default, but verify with browser dev tools.
Audit which app embeds load on the home page. Live chat widgets, exit-intent popups, and pixel trackers all add JavaScript to every page load.

5. Clean Up Your Theme Code (or Have Someone Else Do It)

Most Shopify themes ship with features you will never use. Every unused section, every unused asset, and every legacy customisation from a previous owner adds weight. The cleanup wins are:

Remove unused sections. Open theme.liquid and the sections folder; delete any section your store does not actually use.
Minify CSS and JavaScript. Shopify does some of this automatically. For custom theme files, run them through a minifier or use a build step.
Consolidate asset files. Fewer HTTP requests means faster load. If your theme references 20 small JS files, see whether some can be combined.
Remove dead code. Old A/B test variants, abandoned features, commented-out blocks: they all parse and they all cost milliseconds.

If editing theme files yourself is uncomfortable, hire a Shopify expert for a one-time audit. It is a few hundred dollars and the speed gains usually pay for themselves in conversion within a month or two.

6. Fonts and Icon Sets: The Hidden Weight

Custom fonts are one of the most common culprits behind slow Shopify themes. Each font weight you load (Regular, Bold, Italic, Bold Italic) is a separate request. A theme using four weights of two custom fonts is loading eight font files before any product image appears.

Use system fonts (the fonts the visitor already has installed on their device) where you can. They load instantly.
If you need a custom font, host it locally instead of pulling from Google Fonts, fewer external requests and better caching control.
Limit font weights to the ones you actually use. If your design uses Regular and Bold, do not load Light, Medium, and Italic too.
Use a single icon font or SVG sprite, not a 500-icon library when you only use 10 icons.

7. Browser Caching

Browser caching tells repeat visitors’ browsers to keep a copy of static assets (CSS, JS, fonts, images) so they do not re-download on the next visit. Shopify configures sensible cache headers by default. Where merchants get hurt is on third-party scripts, analytics, ad pixels, helpers, which often ship with short cache lifetimes. Audit which third-party scripts you actually need, and remove the ones you do not.

8. AMP Is No Longer the Answer

This advice has aged badly. Google ended AMP’s privileged position in mobile search in 2021, and AMP is no longer a useful ranking signal for ecommerce content. Building or installing AMP for a Shopify store today costs you maintenance burden for no measurable SEO gain.

What replaced it: Core Web Vitals. The same goal (a fast mobile experience that Google can confidently surface) is now measured directly through LCP, INP, and CLS. If those three metrics are green, you do not need AMP. If they are red, AMP would not save you anyway, fix the underlying theme and apps.

9. Audit and Cut the App Stack

This is the highest-impact intervention for most stores. Apps add JavaScript that loads on every page, even when the app’s feature is not used on that page. The merchants we see with the worst page speed scores almost always have 15+ apps installed and have never deleted one.

Open your installed apps list and ask of each one: “Is this app earning its monthly fee AND its page-speed cost?”
Bundle where possible. Vitals combines reviews, upsells, popups, and stock counters in a single app. Replacing four single-purpose apps with one bundled app is a measurable speed gain.
Uninstall, then check whether the app left any leftover assets in your theme files. Some apps inject script tags that stay even after uninstall.
Re-run PageSpeed Insights after each removal to confirm the impact.

10. Monitor Performance Over Time

Page speed is not a one-time project. Every new product upload, theme edit, and app install can change the score. Set up:

Google Search Console’s Core Web Vitals report, flags real-world performance issues across your live URLs.
Google Analytics 4’s Web Vitals report (or the equivalent in your analytics tool), shows you which pages have the worst real-user metrics.
Monthly PageSpeed Insights checks on your top 10 traffic pages. Track the numbers in a simple spreadsheet so you can see trends.
The Shopify admin’s built-in speed score, which gives you a relative comparison against similar-sized stores.

11. Compress What Shopify Does Not Compress for You

Smaller files mean faster pages. Shopify handles a lot automatically but not everything:

Resize source images before upload (covered above).
Host long videos on YouTube or Vimeo and embed them, instead of uploading directly to Shopify. Direct video uploads bloat the page weight and rarely cache well.
For background videos used as design elements, use shorter loops (under 10 seconds) and consider replacing with CSS animations or static images on mobile.
Disable any image lazy-loading conflicts, some apps add their own lazy-loading scripts that fight with the theme’s built-in lazy-loading.

12. Keep Testing and Keep Iterating

Your store is never “done” because every change can move your scores. Run regular speed tests, watch your Search Console Core Web Vitals report, and tweak as new issues appear. Most stores see the biggest gains in the first two weeks of focused work, then a long plateau, then another set of gains after a more thorough theme cleanup.

Conclusion: SEO Techniques Can Boost Theme Performance

The fastest path to better theme performance is a focused audit: pick a lean theme, control image weight at upload time, cut the unused app stack, fix the highest-priority Core Web Vital, and clean up custom theme code. Most stores can move their PageSpeed score by 15-25 points in a single weekend of work, and the ranking and conversion gains compound from there.

FAQs

Does a faster Shopify theme actually rank higher in Google?

Yes, but not directly. Page speed is part of Core Web Vitals, which Google has confirmed as a ranking signal. The bigger effect is indirect: faster pages reduce bounce rate, increase pages-per-session, and increase conversion, all of which feed back into the engagement signals Google uses. A theme that scores 90+ on mobile PageSpeed Insights typically ranks measurably better over a 3-6 month window than the same content on a theme scoring under 60.
Should I switch to Dawn for SEO reasons alone?

Not as a first move. Dawn is fast because it is stripped back, but the same speed gains are available on most modern Shopify themes if you do the cleanup work first. Switch themes only if your current theme is genuinely outdated (pre-OS 2.0, no responsive product pages) or if you are already planning a redesign. Otherwise, fix the apps, images, and unused sections on your current theme first.
How do I know which apps are slowing down my Shopify store?

Run PageSpeed Insights on a page before and after disabling an app. The difference in LCP and INP usually reveals whether the app is heavy. For a faster audit, the GTmetrix waterfall view shows which scripts take the longest to load by domain. Apps that ship as a script tag injected on every page (chat widgets, popups, review apps) tend to be the worst offenders. Bundled multi-purpose apps like Vitals tend to be lighter than five single-purpose alternatives.
Is AMP still worth setting up on a Shopify store in 2026?

No. Google removed AMP’s preferential treatment in mobile search results in 2021 and now ranks AMP and non-AMP pages on the same Core Web Vitals signals. Setting up AMP today adds maintenance burden for no measurable SEO gain. If your mobile experience is slow, fix the underlying theme and apps rather than building an AMP layer over the top.
What is the difference between INP and FID in Core Web Vitals?

INP (Interaction to Next Paint) replaced FID (First Input Delay) as the Core Web Vital for responsiveness in March 2024. FID only measured the delay on the first interaction. INP measures the worst delay across all interactions on the page, which is a more honest picture of how the page feels to use. The target is under 200 ms. If your store had a green FID score but now has a red INP score, your page becomes sluggish after the first few clicks, usually because of app scripts running in the background.
Does adding more images to a product page hurt SEO?

Not if the images are sized and described properly. More images generally help conversion, which helps SEO indirectly. The issue is when images are uploaded at full resolution (4,000+ pixels wide), pushing LCP and page weight up. Resize source images to roughly twice the maximum display width before upload, write descriptive alt text, and let Shopify handle WebP conversion automatically.

Where to start: a 60-minute theme audit

If you have an hour, here is the order that produces the biggest speed gain for the least work:

5 minutes: Run your home page, top product page, and top collection page through PageSpeed Insights. Note LCP, INP, and CLS for each.
15 minutes: Audit your installed apps. Uninstall anything you have not actively used in the last 30 days.
20 minutes: Open your home page in the theme editor. Remove unused sections (carousels, “as featured in” rows, unused embed blocks). Disable autoplay video if it exists.
10 minutes: Audit the largest images on your worst-scoring page. Resize and re-upload any that are over 1 MB in their source form.
10 minutes: Re-run PageSpeed Insights on the same three pages. Compare. Note the gain, plan the next pass.

Most stores will see at least a 10-point mobile improvement after this single hour. That gain compounds across every page on the store, because the underlying theme is now lighter.

Written by:

Lindsey Perry

I have 5+ years of experience with Shopify and 15+ years of experiences on other eCommerce platforms. My theme reviews are designed to help store owners find the best theme for them.