If you’re looking for a Shopify speed optimization checklist you can actually follow (and repeat), you’re in the right place. This guide is built for store owners and marketers who want to improve Shopify site speed without guessing—so you can protect Shopify Core Web Vitals, improve SEO, and lift conversions.
Shopify gives you real-user performance data inside your admin (including LCP, INP, and CLS), and it even annotates how changes like app installs, theme updates, and new code impact your storefront experience—though the reporting can lag up to ~36 hours.
TL;DR Shopify Speed Optimization Checklist (Quick Wins First)
Use this section as your fast-start Shopify page speed checklist.
10-minute quick wins (do these first)
- Run a baseline test (PageSpeed Insights + Lighthouse + GTmetrix) on: Home, Collection, Product, Cart
- Uninstall unused apps and remove leftover snippets (apps are a top culprit in “Shopify apps slowing down store” scenarios)
- Reduce third‑party scripts (chat widgets, heatmaps, popups, multiple pixels)
- Compress the experience, not just files: remove heavy sliders/video backgrounds on the homepage
- Lazy-load below-the-fold images (not your hero image)
60-minute improvements
- Audit your theme sections (remove unused sections/features)
- Simplify product pages (reviews, upsells, bundles can stack performance cost)
- Optimize fonts (fewer families/weights, preload only what’s necessary)
Advanced (developer help recommended)
- Reduce JavaScript Shopify (progressive enhancement, defer/async scripts)
- Refactor heavy Liquid loops, reduce DOM complexity
- Add performance regression checks during theme updates (CI)
Why Shopify Speed Matters (SEO + Conversions + UX)
Speed isn’t just a “nice to have.” It directly affects:
Speed impacts SEO through Core Web Vitals
Google’s Core Web Vitals focus on loading, interactivity, and visual stability—and Google recommends aiming for:
- LCP ≤ 2.5s
- INP < 200ms
- CLS < 0.1
Shopify’s built-in web performance reports are explicitly designed around Core Web Vitals and help you understand how your store performs against those industry standards.
Speed impacts conversion rate (especially on mobile)
Slow pages create friction:
- shoppers bounce before they see products
- add-to-cart feels “laggy”
- checkout confidence drops
Shopify’s own theme performance guidance explicitly ties performance to conversion rates and search engine rankings—so performance work is not “just technical,” it’s commercial.
Speed impacts ads + CAC (hidden cost)
If you’re driving paid traffic, your landing page speed can quietly:
- reduce engagement
- lower quality signals
- waste budget on bounces
The practical takeaway: your fastest store is usually your most profitable store.
Before You Start: Measure Your Baseline (So You Don’t Guess)
Use these 3 tools together
You want both lab data and field data.
- PageSpeed Insights Shopify
PageSpeed Insights uses Lighthouse for auditing and integrates Chrome UX Report (CrUX) data to show aggregated real user experience where available. - Lighthouse (Chrome DevTools)
Great for repeatable lab testing and identifying opportunities. - GTmetrix Shopify
Helpful for waterfall analysis and spotting heavy requests (especially third-party scripts).
Understand the metrics that matter
Shopify’s admin reporting focuses on the “big 3” CWV:
- LCP (loading speed)
- INP (interactivity)
- CLS (visual stability)
Also track TTFB as a diagnostic metric (it’s often a symptom of heavy theme/app work rather than “server issues” in Shopify contexts). PageSpeed Insights groups CWV separately from other diagnostic metrics like TTFB.
Create a simple speed log (copy this)
Test these templates (mobile first):
- Homepage
- Best-selling collection page
- Best-selling product page
- Cart
Record:
- LCP / INP / CLS
- total requests
- main third-party scripts
- what you changed
Pro tip: Shopify’s web performance reports can be delayed by up to ~36 hours, so don’t expect instant changes right after edits.
Shopify Web Performance Reports: Your Best “Truth Source”
Before you do heavy work, check Shopify’s built-in real-user reporting:
- Your reports show storefront performance across Core Web Vitals and include how changes like app installs, theme updates, and new code impact results.
- To see a dashboard populated with Real User Metrics (RUM), you must remove password protection.
- The metric summary evaluates performance using real user data and ranks each CWV as Good / Moderate / Poor based on the top 75% of experiences.
Shopify’s targets align with the common thresholds (e.g., LCP ≤ 2500ms, INP ≤ 200ms, CLS ≤ 0.1 for “Good”).
The Shopify Speed Optimization Checklist (Beginner → Advanced)
This is the “meat” of the Shopify speed optimization checklist—do it in order.
Step 1: Audit and clean up apps (highest ROI)
Apps often add:
- extra JavaScript
- extra CSS
- network calls
- app embeds you forgot existed
Checklist
- List every installed app (and what it’s worth in monthly revenue or operational time saved)
- Remove duplicates (e.g., multiple popups, multiple tracking tools)
- Disable app features you don’t use (many apps have toggles)
- After uninstalling, remove leftover theme snippets and script tags
- Re-test key templates
What “good” looks like: Shopify’s app performance best practices recommend an app entry point of <10KB JavaScript and <50KB CSS, and loading non-critical resources on interaction (not immediately on page load). Use that as a mental benchmark when evaluating apps and vendors.
Step 2: Optimize images the Shopify way
Images are usually the biggest “page weight” category. The good news: Shopify helps a lot automatically.
Shopify states that images are automatically optimized via the Shopify CDN and don’t need manual compression before upload.
It also automatically chooses the best format available for a user’s browser and can deliver modern formats like WebP (and notes modern formats such as WebP/AVIF for supported browsers), plus it may compress served images to keep load times fast.
So what should you do?
Checklist
- Use the right image type: JPEG for photos/products; PNG for logos/icons (Shopify documents these use cases).
- Reduce the number of images above the fold (hero + trust badges + multiple banners adds up)
- Serve correct sizes (don’t force mobile to download desktop-sized images)
- Prevent layout shift: set width/height or use theme settings that preserve aspect ratio
- Lazy-load only what’s not immediately visible
Lazy loading rule that prevents mistakes: Shopify’s Theme Check guidance recommends applying loading="lazy" only to images that aren’t initially visible and tying lazy-loading to user interaction like scroll.
Also note: Shopify themes often use a lazy-loading technique where a smaller version appears first and then sharpens—this is expected and helps perceived performance.
Step 3: Improve Shopify theme speed (without breaking your brand)
If your theme is heavy, no checklist can “out-optimize” it.
Checklist
- Remove homepage sections you don’t need (especially sliders and large video backgrounds)
- Simplify navigation mega-menus if they’re script-heavy
- Reduce the number of “dynamic” sections loading everywhere
- Keep your theme updated (but test performance after every update)
A useful benchmark: For themes submitted to the Shopify Theme Store, Shopify notes a minimum average Lighthouse performance score requirement across homepage, product, and collection pages (a baseline quality bar).
(Your goal can be higher—but this is a helpful reference point for what Shopify considers minimally acceptable in a controlled test.)
Step 4: Reduce JavaScript and third-party scripts (the “INP killer”)
If INP is struggling, excessive JavaScript and third-party scripts are usually involved.
Shopify’s theme performance best practices recommend building primarily with HTML and CSS, using JavaScript as progressive enhancement, and keeping minified JavaScript bundle size small (Shopify cites a target of 16KB or less for the theme bundle).
Checklist
- Remove scripts that don’t clearly increase revenue (be ruthless)
- Replace heavy apps with lighter alternatives where possible
- Use
deferorasyncto avoid parser-blocking scripts (Shopify explicitly recommends using these attributes to avoid parser-blocking behavior). - Avoid large frameworks and libraries unless absolutely necessary (Shopify calls out the performance cost of frameworks like React/Angular/Vue and large utility libraries like jQuery in theme contexts).
- Delay non-critical scripts until interaction (scroll, click, open chat)
Tiny example (conceptual)
<script src="third-party.js" defer></script>Step 5: Fonts, icons, and CSS cleanup
Fonts and CSS are “silent” speed killers because they can block rendering or add main-thread work.
Checklist
- Use 1–2 font families max
- Limit font weights (e.g., 400 + 600)
- Preload only the critical font file (not every weight)
- Remove icon libraries you don’t use
- Delete unused CSS from old sections/apps
Step 6: Speed up product + collection pages (where money is made)
Most stores focus on the homepage—but product pages are where apps stack up.
Checklist
- Reduce or delay reviews widgets (load on scroll)
- Limit “you may also like” widgets that make extra requests
- Avoid loading every product media asset immediately
- Use pagination if infinite scroll creates huge DOM size (test both)
Step 7: Cart performance essentials
A slow cart page (or cart drawer) kills checkout initiation.
Checklist
- Remove unnecessary cart animations
- Minimize scripts on cart templates
- Avoid stacking multiple “cart upsell” tools
Step 8: Re-test after every change (don’t batch 20 edits)
You want to know what moved the needle.
Use Shopify’s reporting for trend + real users and PageSpeed/Lighthouse for immediate lab feedback. Shopify also notes that performance varies by device, network, and location—so don’t panic if a few pages or days dip as long as the overall metric is good.
Priority Framework: What to Fix First (ROI-Based)
Quick Wins (high impact, low effort)
- App cleanup + removing unused scripts
- Simplify homepage sections
- Fix obvious image issues (too many above the fold, incorrect usage, CLS)
Medium Effort (high impact, some risk)
- Theme cleanup + font optimization
- Third‑party script reduction and deferring
Advanced (developer territory)
- “Reduce JavaScript Shopify” via progressive enhancement and deeper refactors
- Performance regression testing in CI
People Also Ask: Fast, Direct Answers
Why is my Shopify store so slow?
Most commonly: too many apps, heavy theme sections (sliders/video), and third‑party scripts. Shopify’s own reporting can show how app installs, theme updates, and new code correlate with performance changes.
What slows down Shopify the most?
In practice: JavaScript and third parties—especially when they load on every page. Shopify’s theme performance guidance recommends using JavaScript as progressive enhancement and avoiding large dependencies where possible.
How do I check my Shopify speed?
Use:
- Shopify web performance reports (real users; trend view; can lag up to 36 hours)
- PageSpeed Insights (Lighthouse audits + CrUX field data where available)
- Lighthouse + GTmetrix for repeatable lab tests
What is a good Shopify Lighthouse score?
For context, Shopify notes a Theme Store acceptance baseline of a minimum average Lighthouse performance score across core templates.
Separately, Lighthouse documentation describes “Good” as 90–100, but also notes a perfect 100 is difficult and not expected.
Do Shopify apps slow down a store?
They can—especially if they inject scripts sitewide. Shopify’s app performance guidance recommends small bundles and loading non-critical resources on interaction.
How do I optimize images on Shopify?
Shopify automatically optimizes images via its CDN and selects the best available format for a shopper’s browser, including modern formats when supported.
Your biggest wins come from serving correct sizes, reducing above-the-fold image count, and lazy-loading only below-the-fold images.
How do I reduce JavaScript on Shopify?
Follow Shopify’s theme performance best practices: rely on HTML/CSS for core functionality, use JavaScript as progressive enhancement, avoid heavy libraries, and use defer/async to avoid parser-blocking scripts.
How often should I check Core Web Vitals?
Monthly for steady-state stores; weekly during active marketing pushes. Shopify’s metric summary uses real user data over time and helps you see whether changes improved or hurt performance.
Common Mistakes That Keep Stores Slow
Relying on one test run (or one tool)
Lighthouse scores can fluctuate due to testing conditions (device differences, network, injected scripts, and more). Treat results as a distribution—not a single “magic score.”
Lazy-loading the wrong images
If you lazy-load your hero image, you can hurt LCP. Shopify’s Theme Check guidance is clear: apply loading="lazy" to images that aren’t initially visible.
Chasing a perfect score instead of revenue
You don’t need a 100. You need good CWV and a fast buying experience.
Troubleshooting: If Speed Still Doesn’t Improve
- Find the worst template
Use Shopify web performance by page type/page URL to isolate whether product pages or collections are the real problem. - Temporarily disable suspects
Disable app embeds / script-heavy features one at a time and re-test. - Audit third parties
If your requests and JS execution time are huge, track which scripts are contributing most—then remove, replace, or delay.
Ongoing Speed Maintenance (So It Stays Fast)
Monthly routine
- Re-test 3–4 key templates
- Review Shopify’s performance metric summary for trends
- Run an “app ROI review” (what stays, what goes)
Policy that keeps stores fast
- “One in, one out” for apps
- Any new app must justify its performance cost
When to Hire Help (And What to Ask For)
If you’re stuck in Moderate/Poor CWV rankings or your theme/app stack is complex, it may be time to bring in Shopify speed optimization services.
Ask for:
- A CWV-focused audit (LCP/INP/CLS)
- App + script inventory and removals
- Theme refactor plan (prioritized)
- Before/after reporting using Shopify’s web performance reports (real-user trends)
FAQs
Does switching themes improve Shopify speed?
Often, yes—especially if you’re moving from a heavy theme to a performance-focused theme. Shopify recommends building with performance in mind because it affects conversions and search rankings.
Is a page builder bad for performance?
Not automatically, but page builders can add extra code and DOM complexity. Test a builder-made landing page vs. a lean theme template.
Should I use WebP on Shopify?
Shopify can automatically deliver modern formats when supported by the browser and determines the best format to serve.
Focus on correct sizing + delivery, not obsessing over formats.
Do popups and chat widgets slow down my site?
They can—especially if multiple tools load on every page. Prefer delayed loading or loading on interaction.
What’s more important: mobile or desktop speed?
Mobile. It’s usually the slower environment and is more sensitive to heavy scripts and large images.
How do I optimize videos on Shopify?
Avoid autoplay background video on the homepage if speed is a priority. Use lightweight thumbnails and load video players only after a click.
Can I improve TTFB on Shopify?
Sometimes indirectly: reduce theme complexity and app/script overhead. In PageSpeed Insights, TTFB is treated as a diagnostic metric alongside CWV.
How long does speed optimization take to show results?
Lab tests show changes immediately, but Shopify’s real-user reporting can be delayed and is based on real traffic patterns—so trends take time to stabilize.
What is INP and why does it matter?
INP measures responsiveness. Google recommends aiming for INP < 200ms for a good user experience.
What’s a “good” Core Web Vitals target for Shopify?
Aim for Good thresholds (LCP ≤ 2500ms, INP ≤ 200ms, CLS ≤ 0.1). Both Google’s recommendations and Shopify’s reporting thresholds align on these targets.
Final Takeaway
If you want the biggest wins fast, focus on:
- Apps and third parties
- Images above the fold
- Theme bloat + JavaScript reduction
Then use Shopify’s web performance reports to validate results with real users and keep performance from slipping over time.
If you want, tell me your store type (e.g., fashion, beauty, electronics) and whether you’re on a premium theme or a custom build—and I’ll adapt this checklist into a prioritized 30/60/90-day Shopify performance optimization plan.