Server-Side Rendering (SSR)
Server-side rendering is the process of generating HTML on the server before sending it to the browser, as opposed to client-side rendering where JavaScript builds the HTML in the browser. Shopify uses server-side Liquid rendering for all standard storefronts, which benefits SEO and initial load performance.
Why It Matters for Shopify Stores
Shopify's server-side Liquid rendering means search engine crawlers receive complete, pre-rendered HTML rather than blank JavaScript shells — making every page naturally SEO-friendly without extra configuration. The tradeoff is that Liquid rendering time contributes to TTFB. Headless Shopify implementations using Next.js or Remix can offer faster client-side navigation after the initial load but require more complex setup and maintenance.
How to Check Your Store
Standard Shopify stores are server-side rendered by default. If you're using a headless Shopify setup, verify that pre-rendering or server-rendering is configured correctly for SEO.
How to Fix It
N/A for standard Shopify stores — SSR is built in. For headless implementations, ensure static generation (SSG) or server-side rendering is used for product and collection pages.
Related Terms
TTFB (Time to First Byte)
Core Web VitalsTime to First Byte is the time between a user's browser making an HTTP request and receiving the first byte of data from the server.
Liquid (Shopify Templating Language)
ShopifyLiquid is the open-source templating language created by Shopify.
Shopify Theme
ShopifyA Shopify theme is the visual and structural template that controls how your store looks and functions.
Dawn Theme
ShopifyDawn is Shopify's free reference theme and the default for new stores.
Check your store's Server-Side Rendering with our free tools
Get a full audit across all 6 performance categories — including performance — in under 60 seconds.
Run a Free Store Audit