Présentation
Modern Web Guidance (MWG) atteint sa version 1.0, une extension stable destinée aux agents de codage qui génèrent du code web. La version 1.0 introduit un workflow de modernisation capable d’analyser un projet existant (HTML, CSS, JavaScript et package.json) afin d’identifier des patterns obsolètes et de proposer des remplacements compatibles avec les navigateurs modernes. Le catalogue de guides s’appuie sur des centaines de lacunes d’IA vérifiées, chaque guide étant revu par des experts techniques et par un comité d’accessibilité. Le projet s’étend désormais à Firefox et Edge, ce qui renforce la portée inter‑navigateur.
npx modern-web-guidance@latest install
npx modern-web-guidance@latest updateFonctionnement technique
MWG utilise une analyse statique du code source. Le moteur parcourt les fichiers à la recherche de constructions reconnues comme dépassées : polyfills inutiles, dépendances redondantes ou API JavaScript remplacées par des fonctionnalités natives HTML/CSS. Lorsqu’un pattern est détecté, le système interroge la base Baseline – un référentiel de compatibilité navigateur maintenu par les ingénieurs de Chrome, Firefox et Edge – pour sélectionner la solution la plus adaptée au niveau de support requis. Les recommandations sont ensuite injectées dans le flux de l’agent sous forme de guides structurés, chaque guide contenant des exemples de code, des notes de performance et des consignes d’accessibilité.
Le tableau d’évaluation public montre les gains mesurés par rapport à des agents dépourvus de MWG. Les métriques publiées incluent la réduction du temps de rendu principal, la diminution du nombre de déplacements de mise en page (layout shift) et l’amélioration du score de conformité aux politiques CSP. Les guides couvrent quatre axes : accessibilité (gestion du focus clavier, inert, validation ARIA), expérience utilisateur (gestes tactiles, transitions de dialogues), performance (isolement du rendu hors‑écran, planification des tâches) et sécurité (sanitisation HTML, CSP stricte, gestion des credentials WebAuthn).
Analyse des impacts et limites
En privilégiant les API natives, MWG réduit la charge JavaScript et exploite les optimisations du moteur du navigateur, ce qui se traduit généralement par un temps de blocage du thread principal plus faible. Le recours à des fonctionnalités comme WebAuthn ou l’autofill améliore la sécurité et l’expérience d’achat sans ajouter de logique personnalisée. Cependant, la portée actuelle du workflow reste restreinte : seules les patterns pré‑définies sont reconnues, ce qui limite la détection aux projets suivant les conventions de codage attendues. Les projets fortement personnalisés ou utilisant des bibliothèques non standard peuvent ne pas bénéficier d’une modernisation complète.
Le modèle de gouvernance, basé sur Baseline, garantit que les recommandations évoluent avec les nouvelles versions de Chrome, Firefox et Edge, mais crée une dépendance vis‑à‑vis du rythme de publication des navigateurs. Un retard dans la mise à jour de Baseline pourrait entraîner des suggestions dépassées, notamment pour les API en phase de standardisation. Enfin, l’intégration avec les agents de codage repose sur la capacité du modèle à interpréter correctement les guides ; une mauvaise interprétation peut introduire des régressions, surtout dans les zones sensibles comme la sanitisation du HTML.
