Cos'è il Rendering lato server (SSR)?

Il Server-Side Rendering, abbreviato SSR, è una tecnica in cui il server produce l'HTML completamente renderizzato di una pagina a ogni richiesta e lo invia al browser. Il browser mostra quindi la pagina immediatamente e, se l'applicazione è interattiva, in seguito effettua l'hydration del markup con JavaScript.

Definizione

L'SSR si contrappone al client-side rendering, in cui il browser riceve un guscio HTML quasi vuoto e costruisce la pagina in JavaScript. Con l'SSR, la prima risposta contiene già contenuto, meta tag e dati di prodotto. Framework come Next.js, Nuxt e Remix rendono l'SSR un'opzione predefinita per i frontend moderni, spesso combinata con l'esecuzione edge per una velocità ulteriore.

Perché è importante

Per le vetrine di commerce, l'SSR ha tre vantaggi. I motori di ricerca e i crawler AI vedono il contenuto completo senza eseguire JavaScript. Il first contentful paint è più veloce, il che favorisce i Core Web Vitals e la conversione. E gli utenti su reti lente o dispositivi limitati ottengono pagine utilizzabili prima. Il costo è la potenza di calcolo lato server per ogni richiesta, che deve essere gestita tramite il caching.

Compromessi

L'SSR non è gratuito. Ogni richiesta genera lavoro sul server, il che aumenta il costo operativo e richiede una strategia di caching che rispetti la personalizzazione. Gli approcci ibridi combinano l'SSR con la generazione statica e la rigenerazione incrementale, così le pagine che cambiano frequentemente vengono renderizzate al momento, mentre i contenuti stabili vengono serviti da una cache. Le piattaforme di gestione frontend aiutano a orchestrare queste strategie su molte pagine e mercati.

Correlati

Scopri Composable Headless Frontend · Performance and Core Web Vitals.