Le numérique Responsable
#Création d'un site EcoConçu
@doc_roms
Romuald
Twitter : @doc_roms
LeadDev
- Performance
- Qualité (a11y, éthique, sécurité… )
- Eco-conception
- Ecologie
- Numérique Responsable
- Inclusion & Accessibilité
EcoResponsable ?
«Intégrer l'environnement dès la conception des produits et des services» ISO 14062
Conception Responsable
Dès la conception…
... Jusqu'en fin de vie du produit.
Analyse de cycle de vie (ACV)
ISO 14040/44
Consommation de Ressources
Consommation d'énergie finale
Consommation d'eau
0.2 % d'eau
7.8 Millions de m3
équivalent à
242 milliards de packs d’eau minérale
= 1 pack
Un impact réel dû au renouvellement ...
... et à notre utilisation ...
https://digiconomist.net/bitcoin-energy-consumption/
... qui ne cesse de croitre !
Sobriété
Nouveau meilleur pote ❤
Moins de fonctionnalités
A quoi va-t-elle me servir ?
Puis-je faire autrement ?
N'ai je pas déjà une fonctionnalité similaire ?
Est-elle essentielle pour mes utilisateurs ?
Moins de dépendances
Puis-je faire sans ?
Quel est son poids ?
Avec une dépendance que je possède déjà ?
En natif, sans utiliser de dépendance ?
Est-ce que ça ne va pénaliser mes utilisateurs ?
Même avec un débit réduit ?
Moins de ressources
Une iframe gMap ?
Une font custo ?
Une gallerie d'images ?
Une image ?
Et pourquoi pas :
Une image cliquable
Une font existante
Une seule image
Pas d'image
Une connaissance de mes utilisateurs et utilisatrices
Quel est le parcours ?
Que font-ils ?
Pourquoi sont-ils là ?
Peut-il être optimisé ?
Utilisent-ils toutes les fonctions?
Ils se sont peut-être planté ^^
Ok, j'ai compris, j'agis avec sobriété ! Mais pourquoi ?
Pour réduire l'impact de notre applicatif !
Coté Back
Moins de charge serveur
Moins de CPU utilisé
Moins de mémoire allouée
Moins de stockage utilisé
Sur le réseau
Moins de données transmises
Coté Front
Moins de données stockées
Un applicatif plus léger
Des téléchargements plus rapide
Il faut absolument éviter l'obsolescence logicielle de nos applicatifs
OK ! mais dans la pratique ?
1/ Commencer par comprendre OÙ est le PLUS GROS impact :
2/ Choisir son hébergeur
Energie bas carbone
Réutilise les anciens composants
Evite de refroidir les serveurs avec une clim
Utilise la chaleur générée pour autre chose
Fait des achats durables
3/ Choisir son language
/!\ Ce n'est pas ULTRA impactant :)
!= Energie finale consommé
!= Temps d'execution
!= mémoire utilisée
3/ Connaitre la qualité logicielle
ISO 25010
4/ Mettre en place des bonnes pratiques de dev
Les bonnes pratiques de vos langages / Framework
4.1 / Exemples
#1 Éliminer les fonctionnalités non essentielles
#2 Quantifier précisément le besoin
#5 Favoriser un design simple
#85 Mettre en place un plan de “fin de vie”
4.1 / Exemples
#9 Limiter le nombre de requêtes HTTP
#18 Limiter le nombre de domaines servant les ressources.
#34 Redimensionner les images en dehors du navigateur
#37 Utiliser le chargement paresseux (lazy-loading)
4.1 / Exemples
#40 N’utilisez que les portions indispensables des bibliothèques JavaScript et CSS
#56 Mettre en cache les données calculées souvent utilisées
#72 Éviter d’effectuer des requêtes SQL à l’intérieur d’une boucle
#114 Adopter les vidéos aux contextes de visualisation
5/Conseils \o/
Faire fonctionner les apps en mode "hors ligne"
Tester vos applications en 3G
Monitorer tout ça !
Tous les outils "d'analyse statique"
Ecoindex.fr (GreenIt.fr)
GreenIt Analysis
(Chromium et Firefox)
Web.dev (lighthouse)
GTMetrix.com
WebPageTest.org
Dareboost.com
La console de dev
Tous les outils de "profiling"
Blackfire.io (PHP / Python / GO)
Merci !
@doc_roms
Des questions ?
Création d'un site internet EcoResponsable
By Romuald Priol
