← retour Générateurs de sites statiques en 2026 : Astro, Eleventy, Hugo, Jekyll, Gatsby, la comparaison honnête -- illustration en trait

Générateurs de sites statiques en 2026 : Astro, Eleventy, Hugo, Jekyll, Gatsby, la comparaison honnête

Next.js et headless

Les posts de comparaison de générateurs de sites statiques en 2026 ressemblent surtout à un article d'évangélisation Hugo de 2018 mis à jour avec un paragraphe Astro à la fin. Ceci est la version après avoir fait tourner un site Astro de 91 000 pages (HostList.io) en production, plus le lancement de projets plus petits sur Eleventy, Hugo et Gatsby dans le travail client des deux dernières années. Cinq générateurs, vraies données de production, pas de nostalgie.

Point clé : Astro est le choix par défaut moderne pour les sites de contenu, Hugo remporte la course à la vitesse de compilation brute, Eleventy gagne en simplicité sans configuration, et Gatsby est en déclin progressif ; choisissez selon votre équipe et votre modèle de contenu.

Le tableau honnête de 2026 : Astro a remporté définitivement le segment « moderne », Hugo a remporté définitivement le segment « rapide et agnostique au langage », Eleventy est la bonne réponse pour la niche des curieux de JavaScript mais réticents à la configuration, Gatsby est en déclin progressif, et Jekyll est désormais utilisé principalement pour GitHub Pages et les projets legacy. La comparaison à cinq entrées est honnêtement plutôt « choisissez Astro, sauf si vous avez une raison spécifique », mais les raisons sont réelles et méritent d'être connues. Le framework hub couvre la décision plus large sur les frameworks ; ce post concerne spécifiquement le sous-ensemble des générateurs de sites statiques.

Les cinq SSG en 60 secondes

  • Astro, modèle de composants multi-framework (React, Vue, Svelte, Solid), zéro-JS par défaut avec architecture en îles, Content Layer API. Le standard pour les nouveaux sites de contenu en 2026.
  • Eleventy (11ty), basé sur JavaScript, configuration légère, aucun JS de build-time expédié au client. Le bon choix pour les développeurs qui veulent la familiarité avec JS sans surcharge React ou Vue.
  • Hugo est basé sur Go et évite un pipeline de construction Node. Il vaut la peine de tester quand le temps de construction du site complet domine le cycle de publication. Comparez-le sur votre propre contenu et charge d'images plutôt que d'assumer un multiplicateur de vitesse universel.
  • Jekyll, basé sur Ruby, natif à GitHub Pages, écosystème de templates mature. Utilisé principalement pour les projets legacy et l'hébergement gratuit GitHub Pages en 2026.
  • Gatsby, basé sur React avec couche de données GraphQL, en déclin progressif depuis l'acquisition par Netlify en 2023. Toujours stable en production mais plus le standard pour les nouveaux projets.

Où chaque SSG excelle vraiment

Astro : 91 000 pages de preuve en production

Astro est un bon choix par défaut pour les sites de contenu nécessitant des modèles de composants et une interactivité sélective. HostList.io est un exemple de production d'environ 91 000 pages. Sa dernière reconstruction complète citée était autour de 18 minutes, mais c'est la configuration d'un site, pas un benchmark de framework portable. Le choix dépend des sources de contenu, du travail d'images, de la fréquence de déploiement et des compétences d'équipe.

  • Excelle sur : les sites de contenu modernes à toute échelle, l'SEO programmatique, la flexibilité multi-framework, l'écosystème qui a toutes les intégrations modernes.
  • Défaillances : les équipes qui ne veulent pas d'une chaîne d'outils de construction JavaScript, et les reconstructions complètes qui dépassent le budget de déploiement du projet. Mesurez le site réel avant d'attribuer une construction lente à Astro lui-même.

Eleventy : JavaScript sans l'overhead du framework

Eleventy est le SSG pour les ingénieurs qui veulent du templating basé JavaScript sans s'engager sur React, Vue, ou un modèle de composant spécifique. La configuration est véritablement minimale, le pipeline de build est simple, et la sortie est du HTML propre par défaut. Le bon choix pour les sites en forme de blog, la documentation, et les petits sites marketing où 'je veux juste du HTML' est le brief et le modèle de composant d'Astro semble excessif.

  • Avantages : familiarité avec JavaScript sans surcharge de framework, sites de blogs et de documentation simples, approche légère en configuration.
  • Faiblesses : composants interactifs complexes (vous apportez votre propre approche), petits écosystèmes d'intégrations prédéfinies par rapport à Astro.

Hugo : vitesse de compilation quand cela compte vraiment

Hugo vaut la peine d'être testé quand le temps de construction est le goulot d'étranglement. Une comparaison Astro-to-Hugo n'a de sens qu'avec le même contenu, les mêmes transformations d'images, le même runner, le même état du cache et les mêmes exigences de sortie. Un timing générique de 5 000 pages ne peut pas établir le résultat de votre projet.

  • Avantages : vitesse de compilation à grande échelle, équipes agnostiques du langage, sites dépassant 20 000 pages où le temps de compilation est un vrai coût.
  • Faiblesses : modèle de composant moderne (Go templates semblent datés pour les ingénieurs habitués à JSX), adoption en petites équipes (moins d'ingénieurs connaissent Go templates que JSX).

Jekyll : support natif de GitHub Pages et maintenance d'héritage

Jekyll est surtout utilisé en 2026 pour deux raisons : support natif de GitHub Pages (hébergement gratuit si votre site est façonné pour Jekyll), et maintenance d'héritage de sites construits à l'origine quand Jekyll était le standard. Pour un nouveau projet en 2026, le seul choix Jekyll est « je veux un hébergement gratuit sur GitHub Pages ». Astro sur Cloudflare Pages ou Netlify gratuit est généralement l'équivalent moderne.

  • Avantages : hébergement gratuit sur GitHub Pages, maintenance de sites hérités.
  • Laisse à désirer sur : la plupart des besoins modernes, des builds plus lents qu'Hugo, un outillage plus daté qu'Astro, un écosystème plus petit que l'un ou l'autre.

Gatsby : production-stable, déclin progressif

Gatsby est en déclin lent depuis l'acquisition par Netlify en 2023. Le framework est stable et les sites en production continuent de fonctionner, mais les nouveaux projets ne choisissent pas Gatsby en nombre significatif. La couche de données GraphQL qui était le point fort de Gatsby en 2018 est désormais largement considérée comme excessive pour les sites de contenu ; l'API Content Layer d'Astro et le fetching de données de Next.js couvrent le même terrain sans la surcharge GraphQL. Le bon choix uniquement si vous avez déjà un site Gatsby et que la migration n'en vaut pas la peine.

  • Points forts : les sites Gatsby existants où le coût de migration n'en vaut pas la peine.
  • Points faibles : les nouveaux projets (la communauté s'est déplacée), la vélocité des fonctionnalités (le rythme de développement a ralenti depuis l'acquisition).

L'arbre de décision, choisir selon la taille des builds et la structure de l'équipe

Site de contenu moderne de moins de 10K pages, équipe à l'aise avec JavaScript

Astro. Le choix par défaut. Utilisez l'API Content Layer pour n'importe quelle source de contenu, les Server Islands pour le contenu dynamique occasionnel, et l'écosystème d'intégrations pour tout le reste. C'est le cas à 80% en 2026.

Site dépassant 20K pages avec des déploiements quotidiens

Comparez Hugo si les reconstructions complètes sur Astro ralentissent les versions quotidiennes. HostList a mentionné une reconstruction Astro d'environ 18 minutes pour environ 91 000 pages ; une construction Hugo équivalente de ce site est nécessaire avant de prévoir la différence de vitesse.

Site de blog ou de documentation, aversion pour la configuration

Eleventy. Basé sur JavaScript, configuration minimale, sortie HTML propre. Exactement ce qu'il faut quand le brief se résume à « je veux juste du HTML ».

Hébergement gratuit sur GitHub Pages requis

Jekyll. La seule catégorie où c'est encore le standard en 2026, le support natif de GitHub Pages signifie zéro infrastructure d'hébergement à maintenir.

Site Gatsby existant

Restez sur Gatsby sauf si la migration résout un problème concret. Estimez l'effort à partir de votre modèle de contenu, de vos routes, de vos intégrations et de votre système de design ; une estimation générique de quatre à huit semaines n'est pas fiable pour chaque site en production.

Comment comparer le temps de construction pour votre site

Les chiffres antérieurs de cette section étaient des plages illustratives pour un site hypothétique de 5 000 pages, pas des mesures d'implémentations identiques. Pour prendre une vraie décision de plateforme, construisez le même contenu et les mêmes images représentatifs sur le même exécuteur CI, avec à la fois un cache froid et un cache chaud.

  • Enregistrez le temps de construction total, le pic de mémoire, le temps de traitement des images, la taille de sortie et le nombre de pages régénérées après une modification. Le pipeline de contenu rapide de Hugo peut aider, mais le traitement des images et le déploiement peuvent toujours dominer.
  • Le résultat d'Eleventy dépend des modèles, des plugins et de la façon dont le contenu est chargé. Incluez la pile de plugins réelle dans le test.
  • La construction de composants Astro, le chargement de contenu et le pipeline d'images affectent tous les reconstructions complètes. Mesurez la construction en production plutôt que d'extrapoler à partir d'un projet de démarrage.
  • Le résultat de Jekyll dépend des plugins Ruby, des collections et des paramètres de construction incrémentale. La compatibilité avec GitHub Pages peut l'emporter sur une différence de temps de construction pour un petit site.
  • Gatsby peut consacrer un temps substantiel à son pipeline de données et d'images. Comparez le projet existant avant de planifier une migration uniquement pour améliorer l'IC.

À des dizaines de milliers de pages, testez la mise à jour de contenu qui se produit le plus souvent, pas seulement une reconstruction complète. Une reconstruction complète plus lente peut être acceptable avec la mise en cache ou la publication sélective ; une construction locale rapide peut toujours se déployer lentement quand la sortie est très volumineuse.

Pour les détails d'implémentation, utilisez la documentation Astro et les conseils de construction de chaque générateur. Conservez le script de comparaison et les paramètres d'exécuteur avec la comparaison publiée pour qu'une autre équipe puisse reproduire le résultat.

FAQ

Astro est souvent le meilleur choix pour une équipe JavaScript construisant un site de contenu orienté composants. Hugo vaut la peine d'être testé quand le temps de construction, une équipe orientée Go ou un pipeline de contenu plus simple motive la décision. Comparez les deux avec la même charge de travail représentative.

Astro est souvent le meilleur choix pour une équipe JavaScript construisant un site de contenu orienté composants. Hugo vaut la peine d'être testé quand le temps de construction, une équipe orientée Go ou un pipeline de contenu plus simple motive la décision. La revendication précédente de cinq à dix fois plus rapide n'était pas une mesure de site équivalent.

Dois-je migrer de Gatsby à Astro ?

Uniquement si le site Gatsby cause des vrais problèmes : constructions lentes, complexité de la couche de données ou dérive des dépendances que l'équipe ne peut pas maintenir. Estimez la migration par rapport à ce coût. Un site Gatsby en production qui fonctionne bien peut être mieux laissé tel quel.

Pourquoi Hugo est-il tellement plus rapide qu'Astro ?

Hugo est écrit en Go, se compile en un binaire unique, et utilise le moteur de templating de Go qui est optimisé pour la génération de texte statique. Astro est basé sur JavaScript, s'exécute via Node, et utilise les renderers React/Vue/Svelte selon les besoins. La différence d'architecture fondamentale est réelle et ne disparaît pas, Astro ne rattrapera pas Hugo sur la vitesse de build parce que les langages sont différents. La réponse Astro c'est « suffisamment bon pour la plupart des sites » ; Hugo c'est « nettement plus rapide quand ça compte ».

Eleventy est-il encore pertinent en 2026 ?

Oui pour les ingénieurs qui veulent spécifiquement un SSG JavaScript léger en configuration, sans le modèle de composants d'Astro. Eleventy est plus « donne-moi juste du HTML » qu'Astro, et cette simplicité est vraiment appréciée par certaines équipes. Pour la plupart des sites de contenu modernes, Astro est le choix par défaut plus puissant ; pour les sites de type blog où la simplicité est l'objectif explicite, Eleventy gagne toujours.

Puis-je utiliser Jekyll en dehors de GitHub Pages ?

Oui. Jekyll s'exécute sur tout hôte capable de Ruby. GitHub Pages en est le chemin le plus facile ; Astro sur Cloudflare Pages ou Netlify est une autre option, mais vérifiez le plan d'hôte actuel et l'économie de construction avant de supposer la même capacité gratuite.

Lectures connexes

Next.js vs Remix vs Astro en 2026, la comparaison de frameworks quand le choix s'étend au-delà des SSG purs.

Web Frameworks Hub, l'arbre décisionnel plus large des frameworks, avec contexte SSG.

Headless WordPress + Astro : une configuration fonctionnelle, approche pratique si votre choix SSG est Astro associé à un CMS.

Comment j'ai construit un annuaire de 25 000 pages en Next.js, étude de cas en production à grande échelle ; utile pour le contexte de décision SSG-vs-Next.js.

Le choix SSG est une décision de temps de compilation et de structure d'équipe, pas une décision de fonctionnalités. Choisissez en fonction de ce que votre équipe maintiendra réellement au cours des deux prochaines années.

Réservez un appel de 30 minutes pour choisir votre SSG, décrivez la forme du site, l'équipe, la fréquence de compilation, la cible de déploiement. Repartez avec une décision Astro-vs-Hugo-vs-Eleventy adaptée à votre contexte.

← retour