Qu'est-ce que le rendu côté serveur (SSR) ?

Le rendu côté serveur (SSR) est le processus par lequel une page web est générée sur le serveur en réponse à une requête du client. Au lieu d'envoyer au client un document HTML vide et un bundle JavaScript pour un rendu ultérieur dans le navigateur, le serveur construit un document HTML complet avec le contenu déjà inséré.

Avantages du SSR :

• Optimisation SEO : Les robots de recherche indexent plus facilement le contenu, car ils reçoivent un HTML prêt, plutôt qu'un JavaScript généré dynamiquement.
• Temps de première peinture (FCP) : L'utilisateur voit le contenu de la page plus rapidement, car le serveur a déjà fourni un HTML prêt à être affiché immédiatement par le navigateur.
• Performance sur les appareils faibles : Moins gourmand en ressources pour l'appareil client, car la majorité du travail de génération de la page est effectué sur le serveur.
• Meilleure interaction sur les réseaux sociaux : Lors du partage, les réseaux sociaux reçoivent un contenu prêt à l'affichage, plutôt qu'une page vide.

Inconvénients du SSR :

• Augmentation de la charge sur le serveur : Le serveur doit traiter les requêtes de rendu de chaque page, ce qui peut être coûteux en ressources.
• Réduction de l'interactivité jusqu'à l'hydratation : Après réception du HTML, le navigateur doit prendre du temps pour "hydrater" — lier la logique JavaScript au DOM déjà affiché. Jusqu'à la fin de l'hydratation, la page peut être partiellement ou totalement non interactive.
• Complexité du développement : Nécessite une architecture spécifique de l'application et des frameworks spéciaux (par exemple, Next.js pour React, Nuxt.js pour Vue.js, Angular Universal pour Angular).

Avec SSR, le client envoie une requête au serveur, qui la traite, génère une chaîne HTML avec le contenu et la structure prêts, et la renvoie au client. Le navigateur affiche le HTML reçu, puis charge et exécute le JavaScript du client pour ajouter de l'interactivité (processus d'hydratation).