Prérequis
HTML, CSS, JavaScript, Git, Docker et Docker Compose. Un environnement de développement sous Ubuntu, Windows ou macOS est nécessaire.
Mise en pratique
Ces ateliers vous permettent d’appliquer les principes de l’écoconception numérique sur un cas réel. L’objectif est d’apprendre à analyser un service numérique, à identifier ses points d’amélioration, puis à réduire son impact tout en conservant une bonne expérience utilisateur.
Cas d’étude
Les exercices s’appuient sur le site de l’Association Étudiante ESIROI, utilisé comme support d’analyse et d’optimisation.
Voir le siteParcours des ateliers
Commencez par tester vos connaissances, puis progressez à travers quatre travaux pratiques complémentaires autour de l’analyse, de l’optimisation et de la sobriété web.
Avant les travaux pratiques, ce questionnaire permet d’évaluer vos connaissances sur l’informatique responsable et de préparer les notions abordées ensuite.
TP 01
Voir l’atelier
Optimisation de l’Utilisation des Polices Web
Analysez les polices chargées par le site, supprimez les ressources inutiles et améliorez le chargement des pages sans nuire à leur lisibilité.
TP 02
Voir l’atelier
Détection et Réduction des Scripts Inutilisés
Identifiez les fichiers JavaScript redondants ou inutilisés, supprimez ce qui peut l’être et observez l’impact sur les performances du site.
TP 03
Voir l’atelier
Optimisation des Ressources Web
Réduisez le poids du site en travaillant sur les images, les scripts et les feuilles CSS, puis mesurez les gains obtenus avant et après optimisation.
TP 04
Voir l’atelier
Introduction à SonarQube et Eco Code
Installez un environnement d’analyse de code, observez les métriques obtenues et repérez les premières pistes d’amélioration en écoconception.