The first few seconds after a visitor lands on a product page often decide whether the purchase goes ahead. If the page is slow to open, buttons are slow to respond to a tap or content jumps around while loading, visitors lose patience and may leave without adding a single product to the cart.

In this article we explain why speed matters so much in e-commerce, how Google measures page experience and what Shopify does on the infrastructure side to keep stores fast. We then look at what can still slow a store down and share the optimisation steps we follow at Booster Wizard.

Why Does Speed Affect Sales?

A fast store lets visitors browse products comfortably, find what they are looking for quickly and move through to checkout without getting stuck. Shopify's Help Center also notes that improving web performance can enhance the shopping experience, help the store be discovered more easily and raise conversion rates.

Speed also has a search engine side. Google uses three metrics, which it calls Core Web Vitals, to measure page experience:

  • Largest Contentful Paint (LCP): measures how long it takes for the largest piece of content on the page, in e-commerce often the main product image, to appear. According to Google, a good value is under 2.5 seconds.
  • Interaction to Next Paint (INP): measures how quickly the page responds to clicks and taps. A good value is under 200 milliseconds.
  • Cumulative Layout Shift (CLS): measures how much content shifts while the page loads, in other words its visual stability. A good value is below 0.1.

Google strongly recommends achieving good Core Web Vitals for success in Search and says that, together with other aspects of page experience, these metrics align with what its core ranking systems seek to reward. Speed alone does not determine rankings; content and relevance always come first.

What Does Shopify's Speed Infrastructure Offer?

On Shopify, hosting, security and platform updates are managed by Shopify. We look at the infrastructure elements that stand out for speed below.

A Global Content Delivery Network (CDN)

Shopify stores are delivered through a content delivery network run by Cloudflare, which Shopify says ensures the store loads quickly around the globe. Files in the theme's assets folder are also served from Shopify's CDN with HTTP/3, Brotli compression and edge caching, without any extra configuration.

Automatic Image Optimisation and Responsive Images

Images are usually the heaviest part of an e-commerce page, and on product pages the LCP element is often the main image. Shopify's image CDN optimises images automatically: it can serve the best image format for each request and resizes and compresses images to keep file sizes small. The image_url and image_tag Liquid filters used in themes, together with the srcset and sizes attributes, make it easy to serve an image sized for each screen width.

Online Store 2.0 and Theme Performance

In Online Store 2.0 themes, pages are built from sections and blocks that can be added or removed in the theme editor. This structure makes it easier to keep only the sections a page actually uses. There is also a performance requirement for themes that want to enter the Shopify Theme Store: according to Shopify's developer documentation, a theme needs an average Lighthouse performance score of at least 60 across the home, product and collection pages.

Shopify's Checkout

The checkout, where the sale is completed, is Shopify's own product and, according to Shopify, is designed so it can be customised without sacrificing security or performance. Checkout UI extensions run in an isolated sandbox separate from the checkout page and can only use the components the platform provides. This prevents arbitrary scripts from being injected directly into the most critical step of the sale.

Reliability During Peak Campaigns

During periods such as Black Friday and Cyber Monday, traffic rises far above normal levels. According to Shopify's engineering blog, the company load-tests the whole platform at forecasted traffic volumes months before the campaign period, fixes the issues that surface before the campaign and treats reliability as year-round work.

Automatic SSL

A TLS (SSL) certificate is provided free of charge for every domain added to Shopify, and the certificate is issued automatically. You do not need to buy a certificate or keep track of renewal dates.

To protect your search visibility as well as your speed when changing platforms: our guide to SEO in a Shopify migration

Server-Side vs Client-Side Customisation: The Impact on Speed

There are two basic ways to add a new feature to a store. The first is to do the work on the server and send ready-made HTML to the browser. The second is to add JavaScript to the page and have the feature run in the visitor's browser. With the second approach, every script added has to be downloaded, parsed and executed, which can delay how quickly the page opens and responds to interactions.

On closed e-commerce platforms that do not let you run your own server-side code, extra features are often delivered as client-side scripts injected into the page. As the number of features grows, so does the number of scripts, and each one adds to load time. On Shopify, by contrast, a large part of the business logic can run on the server side:

  • Liquid: the Liquid templates in Shopify themes define the page structure and render the HTML on the server. According to Shopify's developer documentation, when a browser receives server-rendered HTML it can paint content and discover the resources it needs immediately.
  • Shopify Functions: rules such as discounts, delivery options, payment methods and cart validation can be customised with code compiled to WebAssembly that runs in Shopify's backend during checkout. These rules do not require sending extra scripts to the visitor's browser.
  • Custom apps: work such as ERP, accounting, shipping or marketplace integrations is handled by an app running on its own server. The app reads and writes data with the Shopify Admin API and learns about events such as a new order through webhooks, without constantly polling the store. Because these workflows do not run on the storefront, they add no code to the page the visitor downloads.
  • Theme app extensions: when a feature needs to appear on the storefront, app blocks and app embed blocks are used. Their files are served from Shopify's CDN, scripts can be loaded only on the pages where the block is present or on selected pages, and the theme code does not need to be edited by hand.

As a result, adding a feature on Shopify does not always mean adding a new script to the page. In our projects we first check whether a task can be done on the server side and leave only the code that is genuinely needed in the browser.

If you are curious how we build integrations that have no ready-made app: our article on custom Shopify app development

What Slows Shopify Stores Down?

However strong the infrastructure, everything added to a store affects performance. Shopify's Help Center also lists theme code, apps, images, videos, carousels, social media feeds and analytics among the things that can affect speed. These are the causes we come across most often in our projects:

  • Too many apps: apps that each add their own scripts and stylesheets to the storefront build up and weigh the page down. Shopify also points out that uninstalling an app may not remove its code.
  • Heavy images and videos: large files uploaded without optimisation, autoplaying videos and lots of high-resolution images on the first screen delay the moment the main content appears.
  • Unoptimised custom code: Liquid code with unnecessary loops, render-blocking scripts and unused CSS or JavaScript files.
  • Third-party trackers: ad pixels, tag managers, live chat tools and analytics scripts accumulate over time, and it often goes unnoticed that some are no longer used.
  • Fake performance apps: Shopify's developer documentation advises avoiding so-called speed apps that game Lighthouse tests without improving the real user experience.

How Does Booster Wizard Speed Up Shopify Stores?

We start speed optimisation with an audit that covers the whole store. The main steps are:

  • App audit: we review what each installed app adds to the storefront, which pages it runs on and what it contributes to sales. We remove unnecessary apps and the code left behind by uninstalled ones.
  • One custom app instead of several: instead of multiple apps doing similar jobs, we build a lean custom app that contains only the features you need and does every possible task on the server side.
  • Theme code optimisation: we simplify Liquid templates, load non-critical scripts later with defer or async and remove unused CSS and JavaScript.
  • Correct lazy loading: we lazy-load images below the first screen and load LCP elements such as the main product image with priority; as Shopify also stresses, the LCP image should never be lazy-loaded.
  • Image and video layout: we upload images at the right sizes, prevent layout shifts by specifying width and height, and place videos so that they load only when needed.
  • Tidying up tracking code: we remove unused or low-value tags from the tag manager and reduce the script load without breaking measurement.

How Do We Measure Speed?

We do not consider an improvement finished until it has been measured. Before and after every piece of work, we measure the same pages with the same tools:

  • PageSpeed Insights: to see the lab test and, where there is enough data, the page's real-user data on a single screen.
  • Lighthouse: to compare the effect of changes page by page in a controlled environment.
  • The Search Console Core Web Vitals report: to track the store's real visitor experience by groups of pages.
  • Shopify's web performance reports: these reports in the Shopify admin show LCP, INP and CLS based on real user data from the past 30 days and help you see how app installs and theme updates affect those values.

Conclusion

With its global CDN, automatic image optimisation, server-side Liquid and Functions, scalable checkout and thorough preparation for peak campaigns, Shopify provides a solid foundation for a fast store. When the apps, images and code added on top of that foundation are managed properly, the store stays fast as it grows.

Our article on Shopify's advantages for brands focused on Türkiye: Why Shopify for brands selling in Türkiye?

If you want to measure your store's speed and get the most out of Shopify's infrastructure: See our Shopify Partner services