Qu'est-ce que Rendu Côté Serveur
Rendu côté serveur
SSR (Server-Side Rendering) est une technique de rendu des pages web sur le serveur avant leur envoi au client, assurant un chargement rapide et l'optimisation SEO.
Fonctionnement
- Le serveur reçoit la requête du navigateur
- Génère la page HTML complète
- Envoie le HTML prêt au client
- Le navigateur affiche le contenu instantanément
- JavaScript "hydrate" la page pour l'interactivité
Avantages
- Premier affichage de contenu rapide (FCP)
- Excellente optimisation SEO
- Fonctionne sans JavaScript
- Meilleures métadonnées pour les réseaux sociaux
- Meilleur pour les appareils lents
Inconvénients
- Charge serveur
- Temps jusqu'à l'interactivité (TTI)
- Complexité du cache
- Coûts d'infrastructure plus élevés
Comparaison avec CSR
- SSR : HTML généré sur le serveur
- CSR : HTML généré dans le navigateur
- SSG : HTML généré au moment du build
Frameworks avec SSR
- Next.js (React)
- Nuxt.js (Vue)
- SvelteKit (Svelte)
- Angular Universal
- Remix
Quand Utiliser
- Sites de contenu et blogs
- E-commerce
- Portails d'actualités
- Sites web critiques pour le SEO