Qu'est-ce que le Server-Side Rendering (SSR) ?

Le Server-Side Rendering, abrégé SSR, est une technique dans laquelle le serveur produit le HTML entièrement rendu d'une page à chaque requête et l'envoie au navigateur. Le navigateur affiche alors la page immédiatement et, si l'application est interactive, hydrate ensuite le balisage avec du JavaScript.

Définition

Le SSR s'oppose au rendu côté client, où le navigateur reçoit une coquille HTML presque vide et construit la page en JavaScript. Avec le SSR, la première réponse contient déjà le contenu, les balises meta et les données produit. Des frameworks comme Next.js, Nuxt et Remix font du SSR une option par défaut pour les frontends modernes, souvent combinée à une exécution edge pour gagner en rapidité.

Pourquoi c'est important

Pour les vitrines de commerce, le SSR présente trois avantages. Les moteurs de recherche et les robots d'IA voient le contenu complet sans exécuter de JavaScript. Le first contentful paint est plus rapide, ce qui aide les Core Web Vitals et la conversion. Et les utilisateurs sur réseaux lents ou appareils limités obtiennent des pages utilisables plus tôt. Le coût est la charge de calcul serveur par requête, qui doit être maîtrisée par la mise en cache.

Compromis

Le SSR n'est pas gratuit. Chaque requête déclenche un travail sur le serveur, ce qui augmente le coût opérationnel et exige une stratégie de cache respectueuse de la personnalisation. Les approches hybrides mêlent SSR, génération statique et régénération incrémentale, de sorte que les pages qui changent souvent sont rendues à neuf tandis que le contenu stable est servi depuis un cache. Les frontend management platforms aident à orchestrer ces stratégies sur de nombreuses pages et marchés.

Articles liés

Découvrir Composable Headless Frontend · Performance et Core Web Vitals.