Ecoconception web : Initiation + Approfondissement

Webmasters, chefs de projets Web

Notions fondamentales sur HTML/CSS

Comprendre l'écoconception Web - Optimiser son site Web - Maitriser les notions avancées de l'ecoconception

Introduction à l’écoconception web

Définition et enjeux environnementaux du numérique
Impact écologique d’un site web à travers l’hébergement, le trafic et le matériel utilisé
Présentation des bonnes pratiques et référentiels comme le RGESN, Green IT et les Web Sustainability Guidelines

Principes clés de l’écoconception web

Réduction de l’empreinte carbone en optimisant les ressources et le temps de chargement
Amélioration de la performance, de l’accessibilité et de la sobriété numérique
Conciliation entre efficacité et durabilité pour une meilleure expérience utilisateur

Optimisation front-end

Réduction du poids des pages en allégeant HTML, CSS et JavaScript
Limitation des requêtes HTTP et utilisation du lazy loading
Optimisation des images et vidéos grâce à des formats adaptés et une compression efficace
Utilisation de polices et icônes légères pour améliorer les performances

Optimisation back-end

Choix de technologies et frameworks éco-responsables
Gestion optimisée des bases de données et requêtes pour limiter la consommation des ressources
Mise en place de cache et compression des fichiers
Sélection d’un hébergement vert avec des centres de données alimentés par des énergies renouvelables

Atelier pratique

Audit d’un site existant avec des outils comme Lighthouse, EcoIndex et GreenFrame. Identification des principaux axes d’optimisation et proposition d’un plan d’amélioration

Développement durable et accessibilité

Intégration des principes d’accessibilité pour améliorer l’expérience utilisateur et réduire la consommation énergétique
Adoption d’un design minimaliste et d’une navigation optimisée
Gestion efficace de l’interactivité et des animations pour limiter les ressources gourmandes

Stratégies de développement et d’hébergement

Optimisation de l’hébergement en privilégiant les serveurs mutualisés et les infrastructures à faible consommation
Utilisation des énergies renouvelables pour réduire l’impact environnemental
Intégration des Content Delivery Networks (CDN) pour améliorer la distribution des contenus

Approche DevOps et écoconception

Automatisation des tests pour réduire le gaspillage de ressources
Optimisation des cycles de build afin de limiter la consommation énergétique des environnements de développement
Surveillance et mesure des performances écologiques des applications web

Cas pratiques et étude de projets

Analyse de sites éco-conçus et identification des stratégies employées
Étude de cas sur la refonte d’un site web avec mise en œuvre des bonnes pratiques d’écoconception

Atelier final

Application des bonnes pratiques à un projet spécifique. Élaboration d’un plan d’action personnalisé pour intégrer l’écoconception dans les futurs développements web.

Active Learning

contrôle continu ou certification si prévue dans le financement

Support papier