De WordPress à Astro : la migration ACIT, trait par trait

Tout vrai projet de construction commence de la même façon : non pas par un marteau, mais par un crayon. La migration ACIT Géotechnique n’a pas fait exception. Ce qui ressemblait à un simple « il faut déplacer le site » s’est révélé, à l’inspection, être une reconstruction complète — un site WordPress portant une trentaine de plugins et un thème qui, depuis des années, pensait silencieusement à la place de ses propriétaires.

Voici ce projet, raconté comme je le conduis réellement : phase par phase, de l’esquisse à la livraison.

01 — Esquisse

Le cahier des charges tenait en une phrase : « notre site est lent et nous ne savons pas pourquoi. » Les clients disent souvent cela. Mais ce qu’ils veulent dire est rarement ce qu’ils écrivent. Le premier dessin n’était donc pas un design — c’était un diagnostic.

• Audit Lighthouse : performance autour de 60, accessibilité autour de 70.
• Poids du site : des centaines de kilooctets de CSS et de JavaScript bloquant le rendu, dont la plupart provenait de plugins inutilisés sur la page chargée.
• Pile technique : WordPress, un thème commercial, et un inventaire de plugins qui ressemblait davantage à un catalogue qu’à un plan.

Le diagnostic m’a dit quel était le vrai projet. Pas un rafraîchissement. Une migration.

02 — APS (Avant-Projet Sommaire)

Un architecte ne redessine pas des murs en appelant ça un plan. Je devais décider de ce dont le bâtiment avait réellement besoin, et de ce dont il pouvait se passer.

• Conserver le contenu — chaque mot, chaque image, chaque page de services.
• Conserver le sens — le site devait rester une référence dans son domaine.
• Couper tout le reste : les composants inutilisés du thème, l’inflation des plugins, le JavaScript qui n’existait que pour animer un menu.

Le choix s’est porté sur Astro. Statique par défaut, zéro JavaScript sauf si une page en a réellement besoin. Pour un site orienté contenu comme ACIT, cela signifie que le navigateur télécharge du HTML et du CSS — et presque rien d’autre.

03 — APD (Avant-Projet Détaillé)

Là, le plan s’est précisé. Chaque mur, chaque fil, chaque interaction.

• Système de design : j’ai reconstruit le langage visuel — couleurs, typographie, espacements — pour que le nouveau site ressemble à l’ancien, mais en plus net. La continuité compte ; les clients ne doivent pas avoir l’impression que le bâtiment a été remplacé, mais réparé et modernisé.
• Modèle de contenu : chaque page reliée à une structure réelle. Ni sections orphelines, ni pages inachevées cachées dans l’ancien CMS.
• i18n : le français et l’anglais gérés nativement, sans plugin de traduction qui alourdit la page.

04 — DCE (Dossier de Consultation)

C’est la phase qui distingue un vrai projet d’un simple dépôt de template de week-end. Avant qu’une ligne ne parte en production, j’ai rédigé les documents qui gouvernent le chantier : l’inventaire des composants, le plan de routage, le budget de performance.

Le budget de performance était le contrat. Chaque page devait atteindre 100/100 sur Lighthouse — ou elle ne quittait pas l’atelier. Aucune exception, aucun « c’est assez bon pour un site d’entreprise ».

05 — Chantier

Une fois les plans achevés, la construction a commencé. Composants Astro, Tailwind pour le style, Bun pour la chaîne d’outils, déploiement à la périphérie Cloudflare.

L’ancien site WordPress demandait au navigateur d’exécuter une petite application pour afficher une brochure. Le nouveau site Astro envoie du HTML statique et laisse le navigateur au repos. Cette seule décision architecturale a supprimé presque tout le JavaScript qui ralentissait l’ensemble.

06 — Livraison

L’inspection finale n’est pas facultative — c’est tout l’enjeu. La livraison a compris :

• Lighthouse : 100/100 en performance, accessibilité, bonnes pratiques et SEO.
• Réserve de chantier : tout problème restant, même mineur, corrigé avant signature.
• Un site que le client peut réellement posséder : ni abonnement de plugin, ni thème verrouillé, ni otage d’une licence qui expire l’an prochain.

Le site ACIT se charge désormais presque instantanément, se classe mieux et — surtout — coûte presque rien à maintenir. C’est la différence entre livrer un bâtiment et livrer une responsabilité.

La part honnête

Je ne vous montre pas cela parce que les outils seraient magiques. Astro, Tailwind, Bun — ce ne sont que des matériaux. Le vrai travail était le même que dans tout projet de construction : décider quoi construire, le documenter, puis construire avec rigueur. Un site rapide n’est pas une technologie. C’est une décision, prise tôt et défendue jusqu’au bout.