Pre-rendering
Synonyme(s) : Prerendering
Le pre-rendering est une technique d’optimisation web qui consiste à générer une version statique d’une page web avant qu’un utilisateur ne la visite, généralement lors de la phase de déploiement. Contrairement au rendu dynamique traditionnel, où la page est générée à la demande côté serveur ou client, le pre-rendering crée une page HTML prête à être servie instantanément. Cela permet de réduire le temps de chargement et d’améliorer les performances, particulièrement pour les sites à forte composante statique.
Il existe deux types principaux de pre-rendering :
- Static Site Generation (SSG) : Les pages sont rendues statiquement lors du build (par exemple avec des outils comme Next.js ou Gatsby). Ces pages sont servies telles quelles aux utilisateurs.
- Pre-rendering spécifique : Certaines pages ou sections de pages sont pré-générées lorsque les moteurs de recherche ou des robots d’indexation les demandent, ce qui est bénéfique pour le SEO.
Les avantages du pre-rendering incluent :
- Amélioration des performances : Les pages pré-générées sont servies beaucoup plus rapidement qu’une page rendue dynamiquement.
- Meilleur SEO : Les moteurs de recherche obtiennent une version complète et indexable de la page.
- Simplicité : Il permet de combiner la flexibilité d’un site dynamique avec les performances d’un site statique.
Le pre-rendering est particulièrement utile dans les sites et applications qui ne nécessitent pas une interactivité intense sur certaines parties de la page, mais il peut aussi être combiné avec des techniques comme l’hydratation pour rendre certaines sections dynamiques après le chargement initial.
