10 modèles de rendu pour applications web

Les applications web utilisent divers modèles de rendu pour afficher le contenu et interagir avec les utilisateurs. Les sites web statiques sont des fichiers HTML basiques, pré-rendus, rapides mais manquant d'interactivité. Les applications monopages (SPA) offrent une forte interactivité, mettant à jour le DOM sans rechargement de page, mais peuvent être lentes et poser des problèmes de référencement (SEO). Le rendu côté serveur (SSR) génère dynamiquement du HTML sur le serveur pour des temps de chargement initiaux plus rapides et un meilleur SEO. La génération de site statique (SSG) pré-rend les pages à l'aide de modèles, idéale pour les sites JAMStack. La régénération statique incrémentale (ISR) combine SSG et SSR en mettant périodiquement à jour les pages pré-générées. L'hydratation transforme le HTML pré-rendu en SPA interactives, ce qui peut entraîner des retards de chargement initiaux. L'hydratation partielle n'hydrate que les parties interactives d'une page pour une meilleure efficacité. Les îlots rendent des parties indépendantes d'une application séparément pour améliorer les performances. Le streaming SSR envoie du HTML au client au fur et à mesure qu'il devient disponible, améliorant la vitesse perçue. La resumabilité, comme introduit par Qwik, élimine l'hydratation en sérialisant tout en HTML et en chargeant le JavaScript de manière paresseuse (lazy-loading).