Shopify Speed Optimization Guide: Theme, Images, Apps and Scripts
A practical Shopify speed optimization guide: theme choice, image compression, app and script review, fonts and Core Web Vitals, with a real theme audit.
Author: Mousa Alhelo · Published · 6 min read
Shopify speed optimization is not a purely technical matter; it is a sales matter. A slow page on mobile loses the customer before they see the product and raises ad costs because the paid visit ends before it begins. This guide explains what actually slows stores down according to what we find in audits, what you can fix yourself in a day, what needs theme work, and what we learned auditing the Xtra theme for the Xmart electronics store.
Start with the right measurement
The first mistake is measuring the homepage on desktop. Most Gulf store visitors come from mobile and land on a product or collection page. Measure those pages on mobile with Google’s PageSpeed Insights and watch the Core Web Vitals report in Search Console, because it reflects your real visitors rather than a lab test. Focus on three metrics: how fast the largest element appears (LCP), page stability while loading (CLS) and responsiveness to interaction (INP). Details in Core Web Vitals for Shopify stores.
Cause one: images
Images are the heaviest thing a product page loads, and the fix is within every merchant’s reach:
| Action | Detail |
|---|---|
| Compress before upload | Product images between 100 and 300 KB are enough for mobile and desktop |
| Consistent dimensions | One size for all product images prevents layout jumps (CLS) |
| Format | Shopify serves WebP automatically on request, but a huge original still costs processing |
| Banners | The homepage banner is often the largest image in the store; compress it and give it a mobile-specific size |
| Lazy loading | Images below the fold load on scroll, while the first product image loads immediately |
Cause two: apps and third-party scripts
Every app you install usually adds a script that loads on every page even if the app works on one. In our experience, stores with more than ten apps typically carry three or four that are not used. The procedure:
- Review the app list and remove what you do not actually use.
- After removal, inspect theme files (theme.liquid and sections) for leftover code some older apps leave behind.
- Review manually added pixels and scripts: a duplicate Pixel or GA4 added twice slows the store and corrupts data at the same time.
- When choosing a new app, prefer those built on Theme App Extensions that load only when needed.
The diagnosis is detailed in Shopify apps slowing down your store. An example of minimal impact: the countdown timer in SalePilot loads as a lightweight extension only while a sale is active, and price changes run in the background through the Admin API with no storefront script (salepilot.esafqa.com).
Cause three: the theme and its sections
A modern theme on the Online Store 2.0 architecture is naturally faster than older ones, but even a fast theme gets weighed down by customisation:
- Hidden sections: disabled homepage sections still load in some themes.
- Sliders: a five-image slider at the top loads five large images while the customer sees one. A single static image is better in most cases.
- Autoplay video: a background video on the homepage consumes mobile data and delays everything.
- Recommended product sections: each one loads several product images; two sections on a product page are enough.
Choosing the right theme from the start avoids all this; see the best Shopify themes for Arabic and Gulf stores.
Cause four: fonts
Bilingual stores fall into the font trap: an Arabic font and an English font with four weights each means eight files loading before text appears. The rule: one family for Arabic and one for English (or one family that supports both), two weights only (regular and bold), with fallback text display enabled until the real font arrives.
Cause five: checkout and the apps in it
Shopify’s checkout is fast by nature because the platform controls it, but apps that add fields or scripts there slow it down. Review them carefully, because slowness here means direct cart abandonment. Read reducing cart abandonment in Gulf stores.
A one-week implementation plan
| Day | Action | Who |
|---|---|---|
| 1 | Measure product and collection pages on mobile and record the numbers | Merchant |
| 2 | Compress banners and the 50 most-visited product images | Merchant or designer |
| 3 | Remove unused apps and review duplicate pixels | Merchant |
| 4 | Clean leftover app code from the theme | Developer |
| 5 | Reduce fonts, remove the slider and autoplay video | Developer or merchant in the editor |
| 6–7 | Re-measure, compare numbers and monitor Search Console | Merchant |
What not to do
Do not install a “speed booster” app that promises a score of 100; most add another script or defer code in ways that break tracking. Do not remove Pixel or GA4 to improve the score; their effect on speed is small and the effect of losing them on ads is large. And do not chase the score itself; chase the customer’s mobile experience and the Search Console numbers.
The effect of speed on conversion and ads
Speed does not work alone; it is the condition that lets the rest of the product page work. A fast page with real photos, clear copy and visible reviews converts better, and ads landing on a faster page get a lower cost per acquisition because a higher share of visits actually reaches the content. See product page conversion optimization for the remaining elements.
From our experience
At Xmart, an electronics store in Jordan with thousands of products on the Xtra theme, we ran a full theme performance audit as part of account management: catalogue images, duplicated sections on product pages, leftovers from old apps and script loading order. The fixes were not a magic app but a methodical cleanup, and they were part of the structure that let Meta and Google campaigns run on pages that respond instantly, with MER above 10x in September 2026. Read the Xmart case study.
Conclusion
Shopify speed optimization starts with measuring the product page on mobile, then images, then apps and scripts, then theme and fonts, re-measuring after each step and watching Core Web Vitals in Search Console. Most of the work is within a merchant’s reach in a week; what needs a developer is theme cleanup. For a full audit of speed and the customer journey, see E-SAFQA’s conversion rate optimisation service.
Send us your store link on WhatsApp and we will measure your product pages on mobile and send you the three biggest causes of slowness, free of charge.
Want this applied to your store?
E-SAFQA builds and runs Shopify stores and their ads. Message us on WhatsApp for a free audit.
Frequently asked questions
Why is my Shopify store slow?
In most cases because of large uncompressed images, many apps adding scripts to every page, multiple fonts and theme sections that load content nobody sees. Hosting itself is rarely the cause because Shopify manages it.
Will changing the theme make my store faster?
It can if the current theme is old or heavy with customisations, but a fast theme with uncompressed images and ten apps will become slow again. Start with images and apps, then decide on the theme.
What PageSpeed score is acceptable for a Shopify store?
Do not chase 100. What matters is that product and collection pages pass Core Web Vitals on mobile in Search Console, and that the customer feels the page responds instantly.
Does a countdown timer app slow the store?
It depends on how it is built. Apps that inject a script into every page slow the store; lightweight extensions that load only when a sale is active, such as the SalePilot timer, have a negligible effect.