Rendu côté serveur (SSR)
Définition courte
Le rendu côté serveur signifie que le HTML d'une page est construit sur le serveur plutôt que dans le navigateur, puis envoyé au visiteur prêt à afficher.
Quand une requête arrive, le serveur rassemble les données nécessaires, construit sur-le-champ le HTML complet de la page et l'envoie au navigateur ; celui-ci rencontre du contenu visible immédiatement, au lieu de remplir une coquille vide. Des frameworks comme Next.js gèrent cela page par page.
Vous le rencontrez sur des contenus qui changent souvent, comme des niveaux de stock ou des pages personnalisées pour un utilisateur connecté, où les données doivent rester à jour à chaque requête.
On le confond souvent avec la génération de site statique (SSG). Le SSG construit une page une fois à l'avance et la sert comme fichier, tandis que le SSR la reconstruit à chaque requête, ce qui la rend plus actuelle mais charge davantage le serveur.
L'erreur la plus courante consiste à construire en SSR même des pages qui changent rarement, comme une page à propos, ce qui crée une charge serveur inutile et allonge le délai avant le premier octet. La bonne approche consiste à réserver le SSR aux pages qui ont vraiment besoin de données fraîches, et pour le reste, vous choisissez la génération statique ou un rendu mis en cache.
Pourquoi c'est important
Les moteurs de recherche et les robots des réseaux sociaux lisent et prévisualisent correctement une page quand elle arrive déjà remplie de contenu. Le SSR renforce à la fois le SEO et la première impression, surtout sur des pages qui changent souvent.
Exemple illustratif
La page de stock et de tarifs d'un fabricant de revêtements de sol est reconstruite sur le serveur à chaque visite, si bien que les moteurs de recherche voient toujours le stock actuel.
