Server side rendering

Le Server-Side Rendering (SSR) est une technique de rendu web où le contenu d’une page est généré sur le serveur avant d’être envoyé au navigateur de l’utilisateur sous forme de HTML Le HTML (HyperText Markup Language) est le langage standard utilisé pour structurer et afficher le contenu sur le web. Il définit des éléments comme les titres, paragraphes, liens, images, et autres composants d'une page web. complet. Contrairement au Client-Side Rendering (CSR), où le contenu est rendu par le navigateur après avoir reçu des fichiers JavaScript, le SSR permet d’envoyer des pages entièrement construites, prêtes à être affichées.

Les avantages du SSR incluent :

• Amélioration des performances : Le contenu étant prêt à l’affichage dès la réception, les utilisateurs voient la page plus rapidement, notamment pour le First Contentful Paint ( FCP Le First Contentful Paint (FCP) mesure le temps nécessaire pour que le premier élément visible, comme du texte ou une image, apparaisse à l'écran, reflétant ainsi la vitesse de chargement perçue par l'utilisateur. ).
• Optimisation SEO Le référencement naturel, ou SEO (Search Engine Optimization), est l'ensemble des techniques visant à améliorer la visibilité d'un site web dans les résultats de recherche des moteurs comme Google, sans utiliser de publicité payante. : Les moteurs de recherche peuvent facilement indexer le contenu généré côté serveur, améliorant la visibilité des pages dans les résultats de recherche.
• Compatibilité : SSR assure que les pages fonctionnent même sur des appareils ayant des performances limitées ou des capacités JavaScript restreintes.

Cependant, SSR peut entraîner une charge plus importante sur le serveur, car chaque requête Le HTTP (HyperText Transfer Protocol) est un protocole utilisé pour transférer des données sur le web, permettant la communication entre un navigateur et un serveur pour afficher des pages web. utilisateur nécessite une génération de page complète. Pour combiner les avantages du SSR avec ceux du rendu côté client (comme les interactions dynamiques), des frameworks Un framework est un ensemble d'outils et de bibliothèques qui fournit une structure et des fonctionnalités préétablies pour développer des applications, simplifiant ainsi le travail des développeurs en offrant des solutions prêtes à l'emploi. comme Next. js JavaScript est un langage de programmation dynamique principalement utilisé pour ajouter des fonctionnalités interactives aux pages web. Il permet de manipuler le DOM, de gérer des événements, et d'effectuer des requêtes asynchrones. ou Nuxt.js permettent d’utiliser le SSR de manière optimisée et flexible.