CSR, SSR, SSG, ISR : Comment choisir le bon paradigme de rendu ?

Les frameworks web modernes offrent de nombreuses options pour la diffusion d’un site ou d’une application entre le serveur et le client. Vous pouvez générer du HTML d’un côté ou de l’autre, ou effectuer un pré-rendu pour une distribution à grande vitesse via un réseau de diffusion de contenu.

Le choix de la structure d’un site ou d’une application dépend de plusieurs facteurs. Vous devez savoir comment les visiteurs accèderont à votre site ou à votre application. Vous devez savoir si la vitesse de chargement est plus importante lors du chargement initial ou lors de la navigation ultérieure. Pensez également à la fréquence des mises à jour du site.

Gardez tous ces facteurs à l’esprit pour peser le pour et le contre de chaque paradigme de rendu.

Rendre les sites web de plusieurs façons

Le rendu d’un site web fait référence au processus par lequel un site web est affiché dans un navigateur web. Il existe de nombreuses façons d’aborder le processus de conversion des données brutes en HTML formaté sur l’écran d’un utilisateur.

Chaque méthode a ses avantages et ses inconvénients, et le fait de connaître les avantages et les inconvénients de chacune d’entre elles peut vous aider à choisir la bonne méthode pour votre site.

RSE : Le navigateur prend les choses en main

CSR signifie Client Side Rendering (rendu côté client). Lorsque vous effectuez le rendu d’une application ou d’un site côté client, le serveur ne transmet que peu ou pas de code HTML, à l’exception d’un petit morceau de code de base. La page demande ensuite toutes les données dont elle a besoin au serveur, après l’événement de chargement de la page, via des requêtes AJAX.

Lorsqu’une application ou une page est rendue côté client, le serveur transmet au client un script qui génère le code HTML sur le navigateur du client. Cela permet de créer des applications à page unique qui n’actualisent pas le navigateur lorsque vous interagissez avec elles.

Les applications CSR sont souvent rapides à charger lors de la navigation, mais elles peuvent être lentes à charger au départ. La vitesse dépend en grande partie du cadre que vous choisissez pour effectuer le rendu et du nombre de bibliothèques et de modules complémentaires que vous utilisez. La plupart des frameworks JavaScript modernes comprennent une option pour la RSE.

Les pages et applications entièrement rendues côté client souffrent de l’impossibilité de naviguer directement vers une page donnée à l’aide d’une URL. Lorsqu’une application rendue côté client démarre pour la première fois, quelle que soit l’URL saisie, elle navigue vers le même point de départ.

SSR : Rendu sur un serveur central

SSR signifie Server Side Rendering (rendu côté serveur). Il s’agit d’une forme beaucoup plus traditionnelle de rendu de pages web dans laquelle les sites génèrent du HTML sur la base de modèles et envoient un mélange de HTML, de…