Définition technique
Technique de rendu où le HTML de la page est généré côté serveur à chaque requête, puis envoyé au navigateur. Le contenu est donc disponible immédiatement dans le premier octet de la réponse (TTFB), sans attendre l’exécution du JavaScript côté client. S’oppose au CSR (Client-Side Rendering) où une coquille vide est envoyée puis remplie par le JS. Le SSR permet aux crawlers d’indexer le contenu sans exécuter de JavaScript. Next.js, Nuxt ou des frameworks PHP/WordPress utilisent le SSR ou des variantes (SSG, ISR). Pour les pages à contenu éditorial ou e-commerce, le SSR est souvent le meilleur compromis entre fraîcheur du contenu et performance perçue.
Comment ça fonctionne ?
Le serveur génère le HTML complet à chaque requête, l'envoie au navigateur qui l'affiche immédiatement. Les crawlers reçoivent le contenu dans le premier octet sans exécuter de JavaScript. Avec un framework comme Next.js, vous choisissez par page ou par route le mode de rendu (SSR, SSG ou CSR).
L'erreur classique à éviter
Confondre SSR et hébergement statique : un site « hébergé sur un serveur » peut servir du HTML pré-généré (SSG) sans vrai SSR. À l'inverse, désactiver le JavaScript dans le navigateur pour tester : si le contenu disparaît, le rendu est probablement côté client uniquement.
Impact business : pourquoi s'en soucier ?
Vos pages s’affichent plus vite et sont correctement indexées par Google dès le premier chargement. Idéal pour le référencement et pour les visiteurs sur connexion lente ou mobile. Un site en SSR réduit le taux de rebond et améliore les Core Web Vitals (LCP, FID). Les sites en pur CSR (SPA sans pré-rendu) risquent un contenu mal ou tardivement indexé. Investir dans une stack SSR ou hybride renforce la visibilité long terme et la satisfaction utilisateur. Pour un site vitrine ou un e-commerce, le SSR est souvent un prérequis pour un SEO solide.
La règle d'or
Privilégier le SSR (ou SSG) pour les pages à fort enjeu SEO et contenu éditorial. Réserver le CSR pur aux zones authentifiées ou très interactives. Mesurer le TTFB et le First Contentful Paint pour valider que le contenu arrive bien dans le premier chunk HTML.