Client-side & Server-side rendering – Quelles sont les distinctions ?

 

Qu’est-ce que le SSR ?

SSR est l’abréviation de server-side rendering (rendu côté serveur). Il s’agit de la capacité d’une application web à rendre la page web sur le serveur au lieu de la rendre dans le navigateur. Lorsque la page arrive sur le côté client, elle est entièrement rendue. C’est parce que le côté serveur a entièrement rendu la page avant qu’elle ne soit envoyée par le serveur au client. Lorsque la requête est reçue par le serveur, il compile tout, si le contenu de la page nécessite des données de la base de données, le serveur le fait, puis rend les données dans la page entièrement rendue et l’envoie au client en tant que réponse. Maintenant, que se passe-t-il si le client navigue vers une autre route ? chaque fois que le client navigue vers une autre route, le serveur recommence le travail.

 

Qu’est-ce que le CSR ?

CSR est l’abréviation de “client-side rendering”. Globalement, CSR est l’opposé de SSR. Si le SSR rend la page du côté du serveur, le CSR rend la page du côté du client. Lorsque la demande est reçue sur le serveur, il ne rendra pas la page, au lieu de cela, le serveur enverra une seule page qui sera le squelette de la page au client. Le serveur envoie la page avec le fichier javascript. Plus tard, le js transformera la page en une page entièrement rendue. Alors où est le contenu ? que faire si la page doit prendre des données de la base de données ? Dans ce cas, l’api entre en jeu. Le client fera une demande à l’api pour prendre les données et les rendre ensuite à la page. Enfin, que se passe-t-il si le client navigue vers une autre route ? le serveur renvoie-t-il la page ? le serveur ne renvoie pas la page, mais le client la rend à nouveau en fonction de la route demandée par le client. Ainsi, la page utilisée est toujours la même que celle de la première demande.

 

La différence

La principale différence entre CSR et SSR est l’endroit où la page est rendue. La SSR rend la page du côté du serveur et la CSR rend la page du côté du client. Le côté client gère le routage de manière dynamique sans rafraîchir la page à chaque fois que le client demande une route différente.

 

Utilisez le SSR

  • Si le référencement est votre priorité, typiquement lorsque vous construisez un site de blog et que vous voulez que tous ceux qui font une recherche sur Google aillent sur votre site, alors SSR est votre choix.
  • Si votre site web a besoin d’un chargement initial plus rapide.
  • Si le contenu de votre site Web ne nécessite pas beaucoup d’interaction avec l’utilisateur.

Utilisez le CSR

  • Lorsque le référencement n’est pas votre priorité
  • Si votre site comporte des interactions riches
  • Si vous construisez une application web

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *