Performance·

ISR : régénération incrémentale

L'ISR (Incremental Static Regeneration) permet de mettre à jour automatiquement les pages statiques de votre site sans tout reconstruire.

C'est quoi l'ISR ?

L'ISR (Incremental Static Regeneration) est une technique qui permet de mettre à jour automatiquement les pages statiques de votre site sans avoir à reconstruire tout le site.

Imaginez un magazine : au lieu de réimprimer tout le magazine quand un article change, vous ne réimprimez que la page modifiée.

Pourquoi c'est important ?

Sites statiques = rapides

Les sites statiques (pages HTML générées à l'avance) sont extrêmement rapides pour les visiteurs. Pas besoin d'attendre que le serveur génère la page, elle est déjà prête.

Mais difficiles à mettre à jour

Le problème des sites statiques classiques : quand vous modifiez un contenu, vous devez reconstruire tout le site. Pour un blog de 100 articles, changer un mot dans un article = régénérer 100 pages.

ISR = le meilleur des deux mondes

L'ISR combine la rapidité du statique et la flexibilité du dynamique : pages ultra-rapides pour les visiteurs, et mises à jour automatiques sans tout reconstruire.

Comment ça fonctionne ?

Première visite

Quand un visiteur arrive sur une page, il voit la version statique (rapide).

Vérification automatique

En arrière-plan, le site vérifie si le contenu a changé (nouvelle vidéo YouTube, nouvel article de blog, nouveau produit...).

Régénération intelligente

Si le contenu a changé, seule cette page est régénérée. La prochaine personne qui visite la page verra la nouvelle version.

Mise en cache

La nouvelle version est mise en cache (stockée) pour être servie rapidement aux visiteurs suivants.

ISR dans mes projets

VST - Automatisation YouTube

Pour le projet VST, l'ISR permet de mettre à jour automatiquement les pages vidéos quand de nouvelles vidéos sont publiées sur YouTube, sans reconstruire tout le site.

Sites Nuxt Content

Sur mes sites utilisant Nuxt Content, l'ISR permet de publier de nouveaux articles de blog sans attendre que tout le site se régénère.

Qui utilise l'ISR ?

Next.js

Next.js a popularisé l'ISR et l'intègre nativement depuis la version 9.5.

Nuxt

Nuxt propose également l'ISR via le mode hybrid et les fonctionnalités de regeneration.

Vercel

La plateforme Vercel optimise automatiquement l'ISR pour des performances maximales.

Conclusion

L'ISR est une technique puissante pour créer des sites ultra-rapides tout en gardant un contenu dynamique et à jour. C'est particulièrement utile pour les blogs, sites e-commerce, portfolios, et sites avec du contenu fréquemment mis à jour.


Articles connexes : Nuxt : framework VueNext.js : framework ReactHooks Nuxt : automatisationVercel : hébergement moderne

Découvrir Socium WebVoir mes projetsMe contacter