A slow Shopify store rarely has one villain. It is usually a pile-up: heavy hero media, too many apps, duplicate trackers, oversized product images, and theme code that has grown without a cleanup day.
Speed work gets easier when you stop asking how do we make everything faster and start asking what is slowing down the first useful moment for a mobile shopper. Test with PageSpeed Insights, but also open the store on a real phone.
What to measure before changing anything
Start with a baseline. Otherwise, you will not know which fixes worked.
Test these pages:
-
homepage
-
top collection page
-
top product page
-
cart
-
a high-traffic landing page or blog post
Track these metrics:
| Metric | Target | Why it matters |
|---|---|---|
| LCP | 2.5s or less | main content appears quickly |
| INP | 200ms or less | page responds to taps and clicks |
| CLS | 0.1 or less | layout stays stable |
| TTFB | ideally under 800ms | server starts responding quickly |
| Page weight | as low as practical | mobile users download less |
Use PageSpeed Insights, Chrome Lighthouse, and WebPageTest for deeper waterfall analysis.
1. Optimize the LCP element first
Largest Contentful Paint is often the hero image, product image, or first major content block. If that element is heavy, the whole page feels slow.
What to do
-
use correctly sized images for desktop and mobile
-
avoid uploading 4000px images for 800px slots
-
use WebP or AVIF where your workflow supports it
-
compress images before upload when needed
-
avoid autoplay video above the fold unless it is essential
-
preload the true hero image only when it is the LCP element
Common mistake
Stores often optimize thumbnails while ignoring the homepage hero or first product image. Fix the largest visible element first.
2. Audit every Shopify app
Every app needs to earn its place. Many apps load JavaScript and CSS on pages where the feature is not even visible.
App audit questions
-
Do we still use this app?
-
Does it generate revenue, trust, or operational value?
-
Does it load on every page?
-
Can the same job be handled by the theme, Shopify admin, or lighter custom code?
-
Is there overlap with another app?
Apps that often slow stores
-
review widgets
-
upsell and cross-sell tools
-
popup builders
-
loyalty programs
-
chat widgets
-
heatmaps
-
product option builders
-
subscription tools
Do not remove apps blindly. Check dependencies first, then disable in staging or during a low-risk window.
3. Reduce third-party scripts
Third-party scripts are performance tax. Some are necessary. Many are leftovers from previous campaigns.
Clean up
-
duplicate GA4 tags
-
old Meta pixels
-
abandoned heatmap tools
-
A/B testing scripts no one uses
-
chat widgets that do not convert
-
multiple tag manager containers
Load non-critical scripts after the first interaction or delay them when possible. The first page view should not wait for every marketing tool.
4. Choose or rebuild with a fast theme
Theme quality matters. A theme can look polished and still be slow if it ships too much JavaScript, too many animations, or bloated sections.
Look for
-
lean section architecture
-
limited animation overhead
-
good image handling
-
clean product template structure
-
stable sticky bars
-
accessible mobile navigation
Avoid
-
multiple sliders above the fold
-
animated sections stacked on every page
-
heavy product media galleries
-
unused theme features left enabled
-
global scripts for features used on one template
If you are redesigning, performance should be part of the design review, not a cleanup task after launch.
5. Fix layout shift
Layout shift hurts trust and can cause mis-taps. It often happens when images, banners, reviews, fonts, or sticky elements load without reserved space.
What to check
-
images have stable dimensions
-
review widgets do not push product content downward
-
announcement bars do not appear late
-
sticky add-to-cart bars do not cover content
-
font swaps do not cause large jumps
Stable pages feel more professional and make checkout safer on mobile.
6. Optimize fonts
Fonts can quietly slow rendering.
Keep it simple
-
use one or two font families
-
limit weights
-
use
font-display: swap -
preload only critical font files
-
consider system fonts for UI-heavy stores
Typography should support the sale, not delay it.
7. Use lazy loading correctly
Lazy loading is helpful below the fold. It can hurt performance when applied to the wrong image.
Rule of thumb
-
do not lazy-load the main hero or first product image
-
lazy-load below-the-fold images
-
keep product gallery behavior fast
-
avoid loading massive carousels all at once
If the LCP image is lazy-loaded, the browser may discover it too late.
8. Clean up theme code
Shopify themes accumulate code over time: old snippets, abandoned app embeds, unused sections, duplicate CSS, and scripts from experiments.
What to review
-
app embed settings
-
theme snippets from removed apps
-
custom scripts in theme files
-
unused sections
-
duplicate CSS utilities
-
large JavaScript bundles
For serious stores, this is where a developer audit often pays for itself.
9. Keep cart and checkout lean
Performance matters most when the shopper is closest to buying.
Check
-
cart drawer opens quickly
-
shipping estimator does not freeze the page
-
upsells do not block checkout
-
discount widgets do not create confusion
-
payment options appear clearly
Upsells can increase order value, but not if they slow the path to purchase.
10. Monitor performance after every change
Speed is not a one-time project. Apps get installed, campaigns add scripts, images get uploaded, and themes change.
Monthly checklist
-
test top templates
-
review new apps and scripts
-
check image sizes on new collections
-
compare mobile conversion rate
-
review Search Console Core Web Vitals
-
document changes that affected speed
Priority order if you have limited time
-
Identify the LCP element on key pages.
-
Compress and resize heavy hero/product images.
-
Remove or delay unused apps and scripts.
-
Fix layout shift on mobile.
-
Reduce font and animation overhead.
-
Re-test product, collection, cart, and checkout.
What not to do
Avoid changes that look productive but do not improve the buying experience:
-
chasing a perfect score while product pages still feel confusing
-
removing useful reviews or trust widgets without a replacement
-
compressing images so aggressively that products look worse
-
delaying analytics so much that measurement breaks
-
installing another optimization app before removing the old bloat
Performance work should make the store faster and clearer, not just smaller.
When to bring in a developer
Bring in technical help when the store has app residue in theme files, unclear script ownership, poor Core Web Vitals after basic fixes, or custom theme code that nobody wants to touch. A good performance pass should identify the source of each bottleneck, not only install another tool.
Ask for a prioritized fix list with expected impact, risk, and validation steps. That keeps the work measurable.
Conclusion
Improving your Shopify store speed is an ongoing system. Start with the biggest wins: LCP images, app bloat, third-party scripts, and mobile stability. Then monitor the store so performance does not regress after new campaigns and app installs.
Speed also affects conversion and SEO. For the broader strategy, read Store speed vs conversion, Shopify SEO in 2026, or contact CartShift Studio to discuss hands-on performance work.



