Shopify Glossary Terms

Server-side rendering is a technique where web pages are generated on the server before being sent to the browser, rather than being assembled client-side with JavaScript. The browser receives fully-formed HTML, which means the page is visible and interactive faster than client-rendered alternatives.

For ecommerce, SSR matters because page speed directly impacts conversion rates. Research consistently shows that each additional second of load time reduces conversions. SSR delivers the first meaningful paint faster because the browser doesn't need to download, parse, and execute JavaScript before showing content.

Both Hydrogen and Next.js support SSR, and it's the default rendering strategy for headless Shopify builds. Combined with edge deployment (serving pages from servers geographically close to the customer), SSR is what gives headless storefronts their performance advantage over traditional theme-based rendering.

Think: the page is already built before the browser even asks for it.