SSR, abréviation de « Server-Side Rendering », est une technique de développement Web qui consiste à générer le contenu HTML d'une page Web sur le serveur avant de l'envoyer au navigateur de l'utilisateur. Cela contraste avec l'approche « Client-Side Rendering »(CSR), dans laquelle le navigateur télécharge le code JavaScript et construit la page Web après le téléchargement.
Structure et principe de fonctionnement de la RSS
-
Requête de l'utilisateur : lorsqu'un utilisateur accède à un site Web, le navigateur envoie une requête au serveur.
-
Traitement du serveur : le serveur reçoit la demande et la traite en créant le contenu HTML de la page Web. Cela inclut la récupération de données à partir de bases de données, la création de composants d'interface et l'assemblage du contenu dans un document HTML complet.
-
Création de HTML complet : après le traitement, le serveur crée un document HTML complet contenant le contenu, les données et les composants d'interface nécessaires.
-
Envoi au navigateur : le serveur renvoie le document HTML complet au navigateur de l'utilisateur.
-
Rendu de la page : le navigateur reçoit le document HTML et le restitue pour l'utilisateur. Le code JavaScript et les ressources statiques(CSS, images) sont également chargés et exécutés par le navigateur.
Avantages de la RSS
- Avantages du référencement : les moteurs de recherche peuvent mieux comprendre et classer les sites Web lorsque le contenu est pré-rendu sur le serveur.
- Affichage plus rapide : les utilisateurs voient le contenu plus rapidement car le document HTML est pré-rendu.
- Prise en charge des appareils faibles : le contenu pré-rendu améliore l'expérience des appareils ayant des performances inférieures ou des connexions plus faibles.
- Prise en charge des utilisateurs non JavaScript : SSR permet d'afficher une version de base pour les utilisateurs qui n'utilisent pas JavaScript.
En conclusion, SSR optimise les performances et la capacité de recherche des sites Web en générant du contenu HTML sur le serveur avant de l'envoyer au navigateur. Cela offre une meilleure expérience utilisateur, améliore le classement des moteurs de recherche et améliore les performances globales du site Web.