Module 2 : Diagnostic & Priorisation

Nous passons de la théorie à la pratique. Dans ce module, vous allez apprendre à utiliser les outils professionnels pour auditer un service numérique existant, identifier les "points rouges" de performance et d'impact, et prioriser les actions correctives.

Exercice 3 : Auditer votre service

Nous allons utiliser deux outils principaux pour collecter des données sur votre service : l'extension Green IT Analysis et la Console Développeur de votre navigateur.

Partie A : Installation et audit Green IT Analysis

Guide d'installation et d'utilisation :

  1. Ouvrez Firefox (ou Chrome) et rendez-vous sur le store des extensions.
  2. Recherchez et installez "Green IT Analysis".
  3. Une fois installée, ouvrez la page web que vous souhaitez analyser.
  4. Cliquez sur l'icône de l'extension dans la barre d'outils de votre navigateur.
  5. Lancez l'analyse et attendez quelques secondes pour obtenir les résultats.

Conseil rapide : Vous pouvez aussi analyser les sites web de vos concurrents pour vous comparer !

Capture d'écran de l'installation de Green IT Analysis
Installation de l'extension Green IT Analysis
Capture d'écran de l'interface de Green IT Analysis montrant les résultats d'analyse
Interface de l'outil avec les résultats d'analyse

Partie B : Analyse de l'onglet Réseau

Guide d'utilisation de la Console Développeur :

  1. Sur la page à analyser, ouvrez les outils de développement (clic droit > "Inspecter" ou touche F12).
  2. Allez dans l'onglet "Réseau" (Network).
  3. Cochez la case "Désactiver le cache" pour simuler une première visite.
  4. Rechargez la page (F5) et observez les résultats en bas de la fenêtre (nombre de requêtes, poids total...).
Capture d'écran de l'onglet Réseau de la Console Développeur montrant le nombre de requêtes et le poids transféré
Onglet Réseau de la Console Développeur

À vous de jouer : Remplissez votre diagnostic

Utilisez les outils que vous venez de voir pour auditer un site de votre choix (votre site actuel, un concurrent, etc.) et remplissez le tableau de diagnostic suivant.

Thème Constat (Ex: 150 req) Outil utilisé
Nombre de requêtes HTTP Console (Réseau)
Poids total de la page (Mo) Console (Réseau)
EcoIndex (Note /100) Green IT Analysis
Complexité (Taille du DOM) Green IT Analysis
Consommation d'eau (litres) Green IT Analysis
Émissions GES (gCO2e) Green IT Analysis

Astuce : Prenez le temps de noter vos observations. Ce diagnostic servira de base pour l'exercice suivant.

Exercice 4 : Prioriser les bonnes pratiques

Maintenant que vous avez identifié les faiblesses de votre service (ex: "Poids total trop élevé", "EcoIndex faible"), nous allons utiliser les tableaux de référence pour choisir les actions correctives ayant le plus de gains.

Ressources de référence

Consultez les tableaux de bonnes pratiques ci-dessous pour identifier les actions les plus pertinentes selon votre diagnostic.

Afficher les bonnes pratiques (UI, Code)
Bonne pratique Gain environnemental Effort de mise en œuvre Priorité
Optimiser et compresser les images Fort Faible Haute
Limiter le nombre de requêtes HTTP Fort Moyen Haute
Mettre en place un cache navigateur Fort Faible Haute
Minifier CSS et JavaScript Moyen Faible Moyenne
Éviter le chargement automatique de vidéos Fort Faible Haute
Utiliser des polices système Moyen Faible Moyenne
Réduire la complexité du DOM Moyen Moyen Moyenne
Préférer la pagination au scroll infini Moyen Moyen Moyenne

Afficher les bonnes pratiques (Données, Architecture)
Bonne pratique Gain environnemental Effort de mise en œuvre Priorité
Optimiser les requêtes de base de données Fort Moyen Haute
Mettre en place un cache serveur Fort Moyen Haute
Utiliser la compression Gzip/Brotli Moyen Faible Haute
Héberger sur un datacenter éco-responsable Moyen Faible à Fort Moyenne
Optimiser les images côté serveur Moyen Moyen Moyenne
Limiter les appels API externes Moyen Moyen Moyenne
Mettre en place un CDN Moyen Moyen Moyenne

À vous de jouer : Votre plan d'action priorisé

En croisant votre diagnostic (Exercice 3, Partie C) et les tableaux de référence (ci-dessus), identifiez 3 actions prioritaires pour votre projet.

Action prioritaire 1

Action prioritaire 2

Action prioritaire 3

Conseil d'atelier

Concentrez-vous sur les "gains faciles" (quick wins). Une action à gain "Fort" et effort "Faible" est un candidat idéal pour commencer et montrer des résultats rapides.

Excellent travail. Vous avez maintenant un diagnostic technique et un plan d'action. L'étape suivante ? Apprendre à "vendre" cet effort à votre équipe et à vos managers.

← Retour au Module 1 Passer au Module 3 : Communiquer l'impact →