Angular Universal est une technologie développée par Angular qui permet aux applications web d'être rendues côté serveur (SSR - Server Side Rendering). Le principal avantage qui distingue Angular Universal des autres frameworks est sa capacité à réaliser un rendu côté serveur pour un chargement initial plus rapide de l'application, ce qui contribue grandement à l'amélioration de l'expérience utilisateur.
Dans un scénario typique sans SSR, lorsqu'un utilisateur visite une application web construite avec un framework Javascript côté client (tel qu'Angular), le serveur envoie uniquement le squelette de l'application au navigateur de l'utilisateur. Par la suite, le navigateur exécute le Javascript pour générer les contenus de la page à afficher. Cela peut prendre un certain temps, surtout si l'application est volumineuse ou si le réseau est lent.
Avec Angular Universal, la majeure partie de cette charge est transférée du client au serveur. Le serveur exécute le Javascript et génère une page HTML complète pour chaque requête, améliorant ainsi les temps de chargement initiaux.
Cette approche a non seulement l'avantage d'une livraison plus rapide du contenu aux utilisateurs, mais elle améliore aussi le référencement (SEO) de l'application. En effet, les moteurs de recherche peuvent avoir du mal à indexer les sites développés uniquement avec du JavaScript côté client. Le fait de disposer de pages HTML complètes rendues côté serveur facilite l'indexation du site par les moteurs de recherche, ce qui favorise une meilleure visibilité dans les résultats de recherche.
En résumé, l'utilisation d'Angular Universal est une bonne pratique, particulièrement pour les applications volumineuses, qui nécessitent des performances optimales sans compromettre l'expérience utilisateur ni la visibilité sur les moteurs de recherche.