EcoConception d’appareils et de services numériques
EcoConception d’appareils et de services numériques
- Le livre blanc du projet GreenConcept (2018) avec pas mal d’anecdotes.
Référentiels de bonnes pratiques et de questions
Il existe de nombreux référentiels de bonnes pratiques et/ou de critères autour de l’écoconception. En voici la liste :
- RWEB (association Green IT) - Les 115 bonnes pratiques d’écoconception web. Le plus ancien, le plus connu et le plus utilisé.
- RWP (association Green IT) - Les bonnes pratiques d’écoconception pour WordPress
- RMOB (association Green IT) - Mobile-specific Best Practices (en anglais)
- Le RGESN de l’ARCEP : commandé par la loi REEN, créé par des agences gouvernemantales et donc une référence.
- GR491, Le guide de Référence de Conception Responsable de Services Numériques - INR, 491 pratiques
- Designers éthiques : Le guide d’éco-conception de services numériques, également disponible en anglais.
- AFNOR SPEC 2201 - Ecoconception des services numériques
- AFNOR SPEC 2314 - Référentiel général pour l’IA frugale
- Un brouillon de guidelines pour un web écoresponsable (en) par le w3c.
- Les Green Software Patterns (en) de la Green Software foundation.
Il est possible d’ajouter à ces documents des listes orientées performance :
- Guidelines d’Apple pour la gestion de la mémoire dans les applications iOS
- Guidelines de Google pour la gestion de la mémoire dans les applications Android
- Catalogue des patterns de gestion de l’énergie pour les applications mobiles de « The Quasar Research Group »
Ou portant sur des sujets connexes :
- La checklist d’Opquast : qualité web, dont accessibilité et écoconception.
- Le guide RGPD de la CNIL
- Le RGAA
Quelques listes de critères sont disponibles au niveau SI :
- Référentiel de GreenConcept
- Référentiel des 65 bonnes pratiques de l’INR
- club.greenit.fr - 74 bonnes pratiques clés pour un numérique plus responsable
Listes d’outils
Les liens suivants sont des liens qui pointent vers des listes d’outils orientés Green IT et écoconception.
- Outils du collectif GreenIT
- Boite à outils numérique écoresponsable du gouvernement français
- Boite à outils de l’INR
- Liste des outils sur ecoresponsable.numerique.gouv.fr
- Vincent Vatelot - D’autres outils ecoindex, pour d’autres besoins
- Le repository github du collectif conception numérique responsable
- Liste d’outils et de ressources de l’INR (en) (référentiel très large qui touche plein de sujets)
- Tour d’horizon des outils « green » sur le blog Zenika.
Outils de performance web et d’accessiblité
La performance est connectée à l’écoconception, bien que l’objectif ne soit pas tout à fait le même. Les outils permettant d’améliorer les performances peuvent aider à améliorer l’efficience.
De plus l’accessibilité est une composante du numérique responsable et va souvent de pair avec la démarche d’écoconception.
- L’extension Chrome Google Lightouse
- sitespeed.io
- Addy Osmani’s 18-Point Web Performance Checklist
- Yellow Lab Tools
- Page Speed Insights
- GTMetrics
- Fast or Slow
- L’extension Chrome WAVE
- L’extension Chrome AXE
- Le site agissons d’Atalan permettant de visualiser différents types de handicaps
- colorsafe.c
- ontrast-ratio.com
- Une présentation du profiler de firefox (en), avec des exemples.
Exemples
Exemples de web frugal
Ces sites qui ont toujours été minimalistes et efficaces.
-
GOV.UK : site du gouvernement anglais, particulièrement sobre dans une optique d’accessibilité et de réduction des fractures numériques.
- Wikipédia
- Craigslist
- Hacker News
- Projet gutenberg
- Motherfucking Website
- How I Made a Piano in only 1kb of JavaScript
- Scuttlebutt - Réseau social offline first.
-
Vitrine de restaurant : Le vaisseau
-
1.2.train, une alternative à SNCF Connect extrêmement sobre, maintenue par une seule personne. Voici un post LinkedIn où il en parle 🚂
- This Page is Designed to Last
- Web We Can Afford Community Group
- Progressive CSS
- My stack will outlive yours
- Économiser 42Ko pour sauver 50Tb de bande passante
- 50 exemples de sites internet basse consommation
- Collection de sites minimalistes lowww.directory
- Une liste de sites de moins de 10kb (en anglais)
Sites explicitement écoconçus :
- How to Build a Low-tech Website? - LOW←TECH MAGAZINE - Exemple de site minimaliste et déployé sur un seul serveur alimenté par un panneau solaire.
- LOW←TECH MAGAZINE - How sustainable is a solar powered website ? Après avoir produit un site « low tech » alimenté par un panneau solaire le magazine analyse la durabilité de cette méthode.
- Rebuilding a solar website
-
Déclaration d’écoconception d’après GreenIT.fr avec une liste d’exemples.
- E-Commerce : boutique natali
- Dalkia, groupe EDF
- EcoloGeek
- It’s on us
- Pikselkraft
- Commown
- Kaïros Sailing - Ecurie de course : projets sportifs ou responsables
- La Coopérative des Internets
- The low impact website
- Le Low-tech Lab
- Politiques des communs
- Celtique ? L’expo. avec cette page qui raconte la genèse.
- Telecoop.
Méthodologie et pratiques
- Pôle écoconception, L’éco-conception pour tous : les quatre niveaux d’ambition
- Cast software et standish group - étude sur les fonctionnalités peu utilisées et un post de blog qui explique que ce n’est que sur 4 applications internes : Are 64% of Features Really Rarely or Never Used?
- BYOD : quelles sont les bonnes pratiques ? - CNIL
- Gauthier Roussilhe - Guide converstion au Low Tech numérique
-
Gauthier Roussilhe - Introduction à l’éco-conception numérique
- Greenspector - Quel format d’image choisir pour réduire sa consommation d’énergie et son impact environnemental ?
- Addy Osmani - Using Modern Image Formats: AVIF And WebP
- Maximally optimizing image loading for the web
- CSS Tricks - A Guide to the Responsive Images Syntax in HTML
- Le mode sombre (en) : il n’est pas prouvé que celui-ci est mieux pour les yeux, il est très difficile à bien réaliser.
- Performance Web : un article sur la psychologie et la performance perçue (en)
Obésité logicielle et compatibilité
- Software disenchantment et JS Bloat
- Le monde du logiciel est en train de se détruire… Manifeste pour un développement plus durable
- Poids du jeu démineur sur windows au fil du temps
Le web :
- The Website Obesity Crisis
- The Website Obesity Crisis – HTeuMeuLeu
- Things That Turbo Pascal is Smaller Than - Tout turbo pascal (compilateur, éditeur, etc…) était plus léger que jquery.
- The cost of JavaScript in 2018 - Addy Osmani
- The cost of JavaScript in 2019 - Addy Osmani
- Your web app is bloated - Mesure de l’empreinte mémoire de nombreuses applications web.
- The Ethics of Web Performance
- The web is Doom - Les pages web sont en moyenne plus grosses que le jeu Doom depuis 2016.
- Carte de la compatibilité entre versions d’iOS et modèles d’iPhones.
- Parts de marché des navigateurs Récap sur wikipédia, statista, w3 counter, stat counter world, stat counter France.
Arguments
- ADEME - Les enjeux de l’écoconception, les bénéfices pour l’entreprise, pour l’économie et l’environnement
- Green Software Foundation - Les arguments économiques pour des logiciels plus « verts » (en)
- Sur le blog Zenika : Quels gains chiffrés attendre de l’écoconception ?.
- Une enquête sur le GreenOps (en), par le fonds ClimateAction (à base de sondages avec 2 680 répondants) confirme que se focaliser sur les aspects “durables” permet de faire des économies.
Impact de la La publicité
- Adblock Plus - % trafic by ads - Etude d’ad block plus qui indique que la publicité représente 25% du trafic.
- Google chrome va bloquer les publicités qui consomment trop de batterie.
- Le train pollue inutilement à cause de la pub des e-billets - Un blogueur calcule l’empreinte écologique de la publicité sur son billet de train, qui peut être supérieure à celle du trajet.
- Sites médias : 70% de l’empreinte carbone vient des pubs et des stats.