Shopify Speed: What You Can and Cannot Control
Shopify handles hosting and server optimization for you. That is one of the platform's benefits. But you still control theme code, app installations, images, and scripts that affect your store's speed. Here is how to optimize what you can control.
Measure Your Current Speed
Start by knowing where you stand. Use these tools:
- Google PageSpeed Insights: Shows Core Web Vitals and specific improvement suggestions
- GTmetrix: Detailed waterfall analysis showing exactly what slows your store
- Shopify's built-in speed report: Available in your Online Store settings
Aim for a PageSpeed score above 50 on mobile (Shopify stores typically score lower than custom sites due to platform overhead). Desktop scores should be 70+.
Choose a Fast Theme
Your theme is the biggest factor in store speed. Heavy, feature-loaded themes include scripts and styles you may never use. Choose a lightweight, speed-focused theme:
- Dawn: Shopify's default theme. Clean, fast, and well-optimized.
- Refresh: Minimal design with excellent performance.
- Prestige: Feature-rich but well-optimized for speed.
If your current theme scores below 40 on PageSpeed, consider switching. The theme change alone can cut load times by 2-3 seconds.
Minimize App Impact
Every Shopify app adds JavaScript and CSS to your store. Some add scripts to every page, even where they are not needed. This is the number one speed killer for Shopify stores.
Audit your apps. Go to your theme's Edit Code section and look at the assets folder. Count the scripts loaded by apps. Each app typically adds 1-3 scripts.
Remove unused apps. If you are not actively using an app, delete it. Do not just uninstall. Go to Settings > Apps and remove it completely.
Replace heavy apps. If an app is essential but slow, look for a lighter alternative. Some apps achieve the same result with less code overhead.
Optimize Images
Product images are usually the heaviest elements on your store. Optimize them:
- Use JPEG for photos, PNG for graphics with transparency
- Compress images before uploading (TinyPNG, ShortPixel)
- Use 2048x2048px as the maximum size for product images
- Avoid animations and GIFs on product pages
- Use Shopify's built-in image CDN which automatically serves WebP format
Reduce Liquid Rendering
Shopify uses Liquid as its template engine. Inefficient Liquid code slows down page rendering. Common issues:
- Too many loops. Each {% for %} loop adds processing time. Limit the number of products displayed in collections.
- Unnecessary queries. Avoid fetching data you do not need on a particular page.
- Complex conditionals. Simplify {% if %} statements where possible.
If you are comfortable with Liquid, audit your theme code. If not, hire a Shopify developer to optimize your theme.
Lazy Load Below-the-Fold Content
Images and videos below the fold do not need to load immediately. Implement lazy loading so they load only when the user scrolls to them. Most modern Shopify themes include this feature. If yours does not, add the loading="lazy" attribute to image tags.
Third-Party Scripts
Review all third-party scripts on your store:
- Analytics tracking codes (Google Analytics, Facebook Pixel)
- Chat widgets
- Review widgets
- Social media embeds
Load non-essential scripts asynchronously or defer them until after the page loads. This prevents them from blocking page rendering.
Regular Speed Maintenance
Speed optimization is not a one-time task. Schedule monthly speed checks. Test after adding new apps or making theme changes. Keep your store fast as it grows. Every second of load time costs you 7% in conversions. Speed pays for itself.
Want to learn more? Check out our guide on WebP vs JPEG vs PNG: Which Image Format to Use.