# Pourquoi Astro est devenu mon repaire technique (et ce que ça change vraiment) > Astro chez JK-Alliance : du code brut à Entremel & Vous, les limites de WordPress, îles, View Transitions, et ce que disent vraiment les scores Google. - Date : 2026-09-25 - Catégorie : Technique - Lecture : ~8 min - HTML : https://jk-alliance.com/blog/pourquoi-sites-astro/ ![Logo Astro](https://jk-alliance.com/assets/blog/pourquoi-sites-astro.webp) *Astro : HTML prêt à l’avance, JavaScript seulement là où il sert.* Tout a commencé par du code brut. Pas de superflu, pas de surcharge. C’est la base du web : un simple fichier texte que le navigateur lit et affiche. Trois langages, trois rôles : - **HTML** : la structure de la page (titres, paragraphes, images, liens). - **CSS** : l’habillage (couleurs, polices, mise en page, animations visuelles). - **JavaScript** : la mécanique interactive. Exemple : un carrousel de photos. Le HTML pose les images, le CSS les met en forme, le JavaScript gère le défilement au clic ou au doigt. Puis est arrivé le développement du site [entremeletvous.fr](https://entremeletvous.fr). À la base, le site devait être sur WordPress. Mais très vite, la réalité m’a rattrapé : entre les contraintes de design éditorial, les limites sur les animations et la lourdeur globale, je me suis retrouvé coincé dans des cases. En fait, les seuls vrais besoins fonctionnels qui justifiaient ce choix, c’était la présence d’un blog et la nécessité pour le client de pouvoir modifier facilement son site en toute autonomie (textes, images, etc.). > D’ailleurs, ce point précis fera l’objet d’un prochain article dédié aux CMS, les « Content Management System », ces interfaces qui permettent de gérer son contenu sans toucher au code. Après pas mal de recherches pour contourner les limites de WordPress, c’est là qu’Astro est entré en scène. --- ## WordPress vs Astro : la différence de fonctionnement Pour bien comprendre l’intérêt d’Astro, il faut regarder comment il s’oppose à un outil classique comme WordPress : - **WordPress** : A besoin d’un serveur et d’une base de données actifs en continu. À chaque clic, un ordinateur distant doit chercher les infos, assembler le code et fabriquer la page à la volée. Le système travaille à chaque visite. - **Astro** : Génère du HTML pur. Le site est entièrement fabriqué à l’avance. Le visiteur télécharge un fichier ultra-léger déjà prêt : tout le calcul est fait en amont, la page s’affiche immédiatement. --- ## L’architecture en « îles » : du JavaScript uniquement là où c’est utile L’un des plus grands atouts d’Astro, c’est son Islands Architecture (l’architecture en « îles »). Sur un site ordinaire, le navigateur doit télécharger et exécuter tout le code JavaScript de la page d’un coup, même pour des éléments fixes qui n’en ont pas besoin. Astro fait l’inverse : il envoie du HTML et du CSS purs par défaut. Si la page contient un composant interactif spécifique (un carrousel de photos, un formulaire ou un bouton complexe), Astro crée une « île » d’interactivité à cet endroit précis. Seule cette zone va charger du JavaScript. Tout le reste de la page reste fluide et ultra-léger, ce qui permet un affichage quasi instantané, quelle que soit la connexion. --- ## Les View Transitions : une navigation fluide et sans coupure Au-delà de la vitesse de chargement brute, il y a le ressenti de navigation. C’est là qu’interviennent les View Transitions d’Astro. Habituellement, quand on clique sur un lien, le navigateur efface la page en cours (provoquant un flash blanc souvent désagréable) avant d’afficher la nouvelle. Les View Transitions permettent de faire la bascule de manière travaillée : - **Entremel & Vous** : La transition utilise un effet d’assombrissement et d’éclaircissement progressif qui accompagne le changement de page. - **JK-Alliance** : Un panneau coulissant vient masquer l’écran le temps du passage d’une URL à l’autre. Pendant ce court temps d’animation, la page suivante charge ses visuels en arrière-plan. Le résultat ? Plus aucune coupure visuelle, et une impression de fluidité qui rappelle l’usage d’une application mobile. --- ## Google, les performances et le mythe du score parfait Aujourd’hui, évaluer la qualité technique d’un site repose sur cinq piliers majeurs : - **La performance** : Vitesse d’affichage. - **L’accessibilité** : Lisibilité et confort pour tous les utilisateurs. - **Le SEO** : Référencement naturel. - **Les bonnes pratiques** : Code propre, normes et sécurité. - **La compatibilité agents IA** : Optimisation pour les nouveaux moteurs de recherche agentiques. > Un article dédié sortira prochainement sur le blog pour expliquer en détail ce qui est réellement important dans ces métriques. ![Capture des scores Lighthouse / Google PageSpeed d’un site Astro](https://jk-alliance.com/assets/blog/astro-scores-lighthouse.webp) *Exemple de scores mesurés sur un site Astro.* Un mot important sur le score de performance : la vitesse a évidemment un impact direct sur le SEO, mais obtenir un score qui n’atteint pas 100/100 ne veut pas dire que votre site est mauvais. C’est avant tout une question d’objectifs et de priorités. Les outils de mesure simulent une visite sur un téléphone ancien connecté à un réseau 4G très faible. Si vous faites le choix d’intégrer des animations poussées ou des visuels lourds pour marquer les esprits, ce score baissera. Prenez le site d’Apple : leurs scores de performance sont souvent très bas à cause des animations complexes de leurs produits. Mais ils s’en fichent. Les visiteurs qui arrivent chez eux viennent pour en prendre plein les yeux, découvrir les visuels des nouveaux portables et passer à la caisse. Le besoin commercial prime sur la note théorique de Google. La fluidité réelle se ressent pendant la visite, elle ne se résume pas à un chiffre dans un outil d’analyse. --- ## En conclusion > Astro est devenu ma structure de référence pour l’ensemble de mes projets. L’alliance entre l’architecture en îles et les View Transitions offre un gain de temps énorme sur l’optimisation, tout en garantissant des sites sur-mesure, rapides, et sans aucune limite pour la création visuelle.