Sites corporate & vitrine

Astro : un site de contenu qui n’envoie aucun JavaScript par défaut.

Un site de contenu construit sur un framework React embarque son runtime sur chaque page, y compris celles qui ne contiennent aucune interaction. Astro inverse la règle : la page est du HTML, et le JavaScript n’existe que dans les îlots où vous le demandez. On construit en Astro quand c’est le bon choix, et on vous dit quand ce n’est pas le cas.

Réponse humaine sous 24 h ouvrées.

Le problème

Votre site est un site de contenu, mais il sert à chaque visiteur le runtime complet d’un framework applicatif, sur des pages qui n’en ont aucun usage.

Le résultat

Un site prérendu où le JavaScript est réduit aux composants qui en ont réellement besoin, avec un arbitrage de framework écrit et chiffré.

Bénéfices

Zéro JavaScript de framework sur les pages sans interaction

Moins de données consommées et moins de CPU sur mobile bas de gamme

Un routage bilingue natif, sans couche i18n à maintenir à la main

Un arbitrage documenté plutôt qu’une migration décidée par mode

Livrables

Arbitrage Astro ou Next.js chiffré, avec les mesures à l’appui

Site Astro prérendu : content collections typées, JSON-LD, sitemap

Îlots React ou scripts ciblés là où l’interaction l’exige

Plan de redirections 301 et contrôle de non-régression SEO

Cas d’usage

Site vitrine ou corporate de 30 à 50 pages

Cocon sémantique ou cluster de contenu SEO

Sortie de WordPress vers un site prérendu

Site bilingue avec repli d’une langue sur l’autre

Ce qu'Astro change, en une phrase

Sur un framework React, une page statique reste un arbre React rendu au build, puis réhydraté dans le navigateur parce que le runtime doit reprendre la main quelque part. Le runtime est donc présent partout, y compris sur une page de texte qui ne contient aucune interaction.

Astro fait l'inverse : la page est un template rendu au build, aucun JavaScript n'est expédié par défaut, et le JavaScript n'existe que dans les îlots que vous marquez explicitement comme interactifs. C'est le modèle décrit par la documentation officielle d'Astro sur l'architecture en îlots.

Sur un site de 40 pages dont 38 sont du contenu, la différence est de l'ordre de 166 Ko de JavaScript compressé par page. C'est le chiffre que nous avons mesuré en navigateur sur notre propre site, pas une estimation d'éditeur.

Ce qui est acquis, et ce qui ne l'est pas

C'est le point sur lequel la plupart des discours Astro dérapent. Le gain est certain en octets. Il est incertain en Core Web Vitals, et nous préférons vous le dire avant de vous vendre une migration.

Ce qui est acquisCe qui ne l'est pas automatiquement
Environ 166 Ko de JavaScript de framework en moins par pageUn meilleur LCP : sur notre site, l'analyse render-blocking de Chrome donne 0 ms d'économie sur le FCP comme sur le LCP
Moins de données consommées par le visiteurUn meilleur CLS : il était déjà à 0,00 avant toute optimisation
Moins de CPU et de batterie sur mobile bas de gammeUn gain de position : les signaux de performance n'ont pas de poids publié, et la pertinence prime
Une couche de routage bilingue suppriméeDe la marge d'INP démontrée : une trace de chargement ne mesure pas l'INP

Sur notre propre site, ce qui pesait sur le LCP mobile n'était pas le JavaScript mais le retard d'affichage, 86 à 96 % du LCP, c'est-à-dire le CSS et les polices. Ces deux éléments sont identiques dans les deux frameworks.

Un audit avant décision évite exactement ce genre d'erreur d'attribution. C'est ce que nous faisons dans l'audit gratuit de votre site, parce qu'un chiffre de poids ne dit rien de ce que vos visiteurs attendent réellement à l'écran.

Le piège qui annule le gain principal

Un site a presque toujours un header interactif : megamenu, tiroir mobile, piège de focus au clavier. Ce composant est présent sur toutes les pages. Si vous le gardez en React avec une directive d'hydratation, React et son moteur de rendu repartent sur chaque page, et le gain d'Astro tombe à zéro.

La condition du gain n'est donc pas de choisir Astro. C'est d'écrire le shell du site sans framework d'interface. Corollaire utile à connaître avant de signer une migration : ce travail est faisable en restant sur votre framework actuel, et il délivre alors le même gain sans réécrire vos pages.

Astro ou Next.js : le critère que nous appliquons

Pour un site de contenu, Astro est notre défaut. Nous basculons sur Next.js seulement si au moins deux des conditions suivantes sont vraies. Une seule ne suffit pas : un formulaire de contact, une négociation de contenu pour les agents IA ou trois routes API sont parfaitement à leur place dans des endpoints Astro.

  • Votre outil de conversion est une vraie application : moteur de scoring, espace d'administration, file d'attente, stockage, webhooks. Ce n'est plus une vitrine avec un formulaire.
  • Vous réutilisez lourdement React : design system existant, bibliothèque de composants, interface à état partagé sur beaucoup de pages. Porter tout cela coûte plus cher que la taxe de bundle économisée.
  • Vous avez besoin de Server Components, de streaming ou de rendu partiel prérendu. Astro n'a pas d'équivalent.
  • Vous servez du contenu dynamique à forte cardinalité avec une revalidation agressive. C'est faisable en Astro, mais plus direct en Next.

Si votre projet ressemble davantage à un site institutionnel sur-mesure avec des intégrations lourdes qu'à un site de contenu, la réponse penchera vers Next. Si vous cherchez surtout un site corporate crédible et facile à faire vivre, Astro fait très bien le travail.

Ce qui porte tel quel, et ce qui se réécrit

Nous avons vérifié cette table contre la documentation officielle d'Astro 7 le 30 juillet 2026. Elle sert de base de chiffrage quand une migration est envisagée.

Quatre points décident du chiffrage. Tous les quatre sont documentés par l'éditeur, et méritent d'être lus avant de signer quoi que ce soit.

  • Les collections de contenu : chaque entrée doit porter un identifiant unique, donc des données classées par slug se remappent.
  • Le routage internationalisé : le repli fonctionne par route, pas par champ. Un merge champ par champ reste à écrire.
  • Le middleware : il ne s'exécute pas sur une page prérendue tant qu'une option d'adaptateur ne l'active pas.
  • Les actions serveur : elles ne peuvent pas s'exécuter sur une page prérendue, donc les formulaires passent par des endpoints.
ÉlémentStatut en AstroCe que ça implique
Vos données typées en TypeScriptPortent quasi telles quellesUne content collection alimentée par un loader-fonction, avec un identifiant unique par entrée
Routes générées depuis les donnéesÉquivalent directgetStaticPaths remplace la génération de paramètres statiques
JSON-LD, sitemap, lastmod par pageÉquivalent directInjection inline et sérialisation par page dans l'intégration sitemap
Routage bilingue par préfixe de langueNatifLa plomberie de routage par locale disparaît
Repli champ par champ entre deux languesPAS natifLe fallback d'Astro est un fallback de route, pas de champ : le merge reste à écrire
Middleware sur des pages prérenduesConditionnelNe s'exécute pas par défaut sur les pages prérendues, il faut l'activer explicitement dans l'adaptateur
Formulaires côté serveurÀ cadrerLes actions serveur ne s'exécutent pas sur une page prérendue : les formulaires passent par des endpoints
CSP stricte et headers de sécuritéÀ vérifier au cas par casL'option existe côté adaptateur, le rendu exact de votre politique doit être testé
Chargement et préchargement des policesÀ vérifier au cas par casLevier dominant du LCP : une régression ici dégrade la seule métrique qui compte

Notre propre arbitrage, et pourquoi nous avons dit non

En juillet 2026, nous avons audité notre propre site pour décider s'il devait passer sur Astro. Verdict : non. Deux conditions de bascule vers Next étaient remplies, notre outil d'audit est une vraie application avec moteur de scoring et back-office à jeton.

Et surtout, nos pages sont déjà prérendues à 100 %. Astro n'aurait pas changé le modèle de rendu, seulement l'outil de build.

Nous racontons ce cas parce qu'il dit quelque chose d'utile sur la façon dont nous travaillons : l'arbitrage se fait sur des mesures, et il peut conclure contre la technologie à la mode. Si vous voulez le détail de la démarche avant de nous confier un projet, notre approche le décrit étape par étape.

Sortir de WordPress vers un site prérendu

C'est le cas de figure le plus fréquent. Un WordPress qui a accumulé des extensions, dont le back-office fait peur à l'équipe, et dont les pages mettent trois secondes à s'afficher. Astro règle la partie technique, à condition de traiter le sujet dans le bon ordre. Le détail de la démarche, les postes qui pèsent dans le chiffrage et ce que vous perdez en quittant WordPress sont traités sur la page migrer un site WordPress vers Astro.

  • Inventaire des URLs existantes et de leurs positions, avant toute décision de structure
  • Plan de redirections 301 écrit et validé avant la bascule, pas constaté après la chute
  • Reprise des contenus dans des collections typées, avec les métadonnées et le maillage interne
  • Reconstruction du shell sans framework d'interface, condition du gain réel
  • Recette de non-régression : titres, descriptions, données structurées, sitemap, hreflang

Si votre équipe tient à un back-office familier et que la performance n'est pas votre problème principal, une refonte WordPress bien menée reste souvent le bon choix. Nous le disons quand c'est le cas.

Astro est-il assez mature pour un site professionnel ?

Oui. Le modèle est stable, l'écosystème d'intégrations couvre le sitemap, les images, Tailwind, les transitions de page et les principaux hébergeurs. Le point de vigilance n'est pas la maturité du framework mais la vérification des patterns dont dépend votre site précis : politique de sécurité, chargement des polices, middleware sur pages prérendues. Nous les vérifions contre la documentation avant de chiffrer, jamais de mémoire.

Peut-on garder des composants React dans un site Astro ?

Oui, sous forme d'îlots. Un composant React marqué comme interactif embarque son runtime, mais seulement sur les pages où il apparaît. C'est la bonne façon de traiter un formulaire multi-étapes, un calculateur ou un configurateur. Le piège est d'y mettre le header : il est présent partout, donc son runtime repart partout.

Combien de temps prend un site Astro ?

Le même ordre de grandeur qu'un site de contenu équivalent sur un autre framework. Notre repère est de 6 à 12 semaines pour 10 à 25 pages, du cadrage à la mise en ligne, contenus et SEO inclus. Au-delà, le délai suit le volume de contenu à produire et la disponibilité de vos équipes, pas le choix technique. Une migration depuis un site déjà positionné ajoute le temps d'inventaire des URLs et de recette de non-régression.

Quel intérêt pour le référencement et pour les moteurs IA ?

Le HTML complet est servi au build dans les deux cas, donc il n'y a pas de gain de visibilité mécanique à attendre du framework. Ce qui compte pour les moteurs de recherche comme pour les agents IA, c'est la structure des pages, la profondeur du contenu, les données structurées et le maillage interne. Astro ne les fournit pas tout seul : c'est du travail éditorial, et nous le traitons comme tel.

Faites-vous des audits avant de recommander une migration ?

Systématiquement, et le résultat peut être négatif. Nous mesurons le poids réellement servi en navigateur, la décomposition des chunks, le retard d'affichage, et nous regardons si vos données de terrain justifient l'investissement. Sur notre propre site, cette démarche a conclu à ne pas migrer et à corriger quatre points dont trois étaient indépendants du framework.

Questions

Avant de démarrer.

Astro ou Next.js pour mon site ?

Pour un site de contenu, Astro est notre défaut. Next.js se justifie quand au moins deux conditions sont réunies : votre outil de conversion est une vraie application (moteur de scoring, back-office, stockage), vous réutilisez lourdement un design system React, vous avez besoin de Server Components ou de streaming, ou vous servez du contenu à forte cardinalité avec revalidation agressive. Un formulaire de contact et trois routes API ne justifient pas Next.

Est-ce qu’Astro va améliorer mes Core Web Vitals ?

Le gain est certain en octets, incertain en Core Web Vitals, et il faut le dire ainsi. Sur notre propre site, l’analyse render-blocking de Chrome donne 0 ms d’économie sur le FCP et sur le LCP : le JavaScript était hors du chemin critique, et le retard d’affichage venait du CSS et des polices, identiques dans les deux frameworks. Nous ne vendons pas un gain de vitesse que nous n’avons pas mesuré chez vous.

Faut-il migrer un site existant vers Astro ?

Rarement pour le seul motif du poids. Une migration touche toutes vos URLs positionnées, et le gain d’Astro s’annule si le header interactif reste un composant React hydraté sur chaque page. Nous avons fait cet arbitrage sur notre propre site en juillet 2026 et nous avons décidé de ne pas migrer. La méthode compte plus que le framework.

Un projet développement web astro à cadrer ?

Envoyez votre contexte. On vous dit par quoi commencer, parce qu’un premier chantier bien choisi évite de payer pour le reste trop tôt. Réponse humaine sous 24 h ouvrées.

Obtenir un avis sur mon projet