Middle
Quels sont les types de rendu de pages existants?
sobes.tech IA
Réponse de l'IA
- Rendu asynchrone (Async Rendering) : Certaines parties de la page (par exemple, les données obtenues via des requêtes AJAX) se chargent et s'affichent progressivement, sans bloquer le chargement de la structure principale.
- Rendu côté client (Client-Side Rendering, CSR) : Le navigateur charge un fichier HTML minimal contenant un lien vers un bundle JavaScript. Ce bundle s'exécute dans le navigateur et construit dynamiquement le DOM.
- Rendu côté serveur (Server-Side Rendering, SSR) : Le serveur génère un document HTML complet avec le contenu pour chaque page visitée et l'envoie au navigateur. Le navigateur affiche la page prête.
- Rendu statique (Static Rendering / Static Site Generation, SSG) : Les pages sont générées sous forme de fichiers HTML statiques lors de la compilation du projet. Ces fichiers sont ensuite fournis à l'utilisateur, assurant un chargement très rapide.
- Rendu isomorphe (Isomorphic / Universal Rendering) : Code JavaScript pouvant s'exécuter à la fois sur le serveur et sur le client. Cela permet de rendre la page d'abord sur le serveur (pour accélérer la première visualisation et le SEO), puis de transférer le contrôle au client pour l'interactivité.
| Type de rendu | Où cela se produit | Chargement initial | SEO | Interactivité |
|---|---|---|---|---|
| CSR | Client (navigateur) | Plus lent que le contenu initial | Peut être plus difficile | Élevée après le chargement du JS |
| SSR | Serveur | Plus rapide que le contenu initial | Bon | Apparaît après le chargement du JS |
| SSG | Construction du projet | Très rapide | Excellent | Dépend du JS ajouté après le chargement statique |
| Isomorphe | Serveur et client | Première visualisation rapide | Bon | Élevée après "l'hydratation" |