└── README.md /README.md: -------------------------------------------------------------------------------- 1 | _**NOTE** : ce dépôt n'est plus actif. Pour une liste de ressources liées à l'éco-conception numérique, voir [supertanuki/numeriqueEcoResponsable](https://github.com/supertanuki/numeriqueEcoResponsable)._ 2 | 3 | --- 4 | 5 | # Éco-conception 6 | 7 | ## Constats 8 | 9 | * [Empreinte environnementale du numérique mondial par greenit.fr](https://www.greenit.fr/wp-content/uploads/2019/10/2019-10-GREENIT-etude_EENM-rapport-accessible.VF_.pdf) (pdf) 10 | * [Pour une sobriété numérique par le Shift Project](https://theshiftproject.org/article/pour-une-sobriete-numerique-rapport-shift/) 11 | 12 | ## Principes éco-conception 13 | 14 | * Réduire fonctionnalités en amont, répondre exactement au besoin utilisateur. 15 | * Éviter over-ingeneering : réduire dépendances, abstractions inutiles et coûteuses. 16 | * Enlever le gras numérique : vidéos, images lourdes, trackers, trop de requêtes serveur, interfaces surchargées. 17 | * Veiller à l'efficience du service : utiliser le moins de ressources possibles pour obtenir la même qualité de services 18 | * Attention à ce que l'amélioration de la performance ne soit pas contre-productive et que cela ne mobile pas plus de ressources (CDN par exemple). 19 | * Réduire obsolescence des terminaux avec des apps et sites qui fonctionnent sur des anciens matériels 20 | * Réduire pour les utilisateurs le temps passé sur les apps et sites 21 | * Suppression données périmées ou trop anciennes 22 | * Hébergement green 23 | * [Analyse du cycle de vie](https://fr.wikipedia.org/wiki/Analyse_du_cycle_de_vie) 24 | * Allonger la vie de nos machines de travailleurs du web 25 | 26 | ## Conception 27 | 28 | * [Référentiel d'écoconception web, check-list des 115 bonnes pratiques](https://collectif.greenit.fr/ecoconception-web/115-bonnes-pratiques-eco-conception_web.html) 29 | * [Opquast V3, 226 critères](https://checklists.opquast.com/fr/oqs-v3/) 30 | * [Webperf, 41 critères](https://checklists.opquast.com/webperf/) 31 | * [Green IT, 72 bonnes pratiques](https://checklists.opquast.com/greenit/) 32 | * [Les règles du green code label](https://label.greencodelab.org/green-code-label-detail/) 33 | * [Utiliser police de caractères système](https://css-tricks.com/snippets/css/font-stacks/) 34 | 35 | ## Certification et labels 36 | 37 | * [Norme ISO 14062](https://www.iso.org/fr/standard/33020.html) : Management environnemental -- Intégration des aspects environnementaux dans la conception et le développement de produit 38 | * [Green Code Label](https://www.greencodelab.org/eco-conception-logicielle/un-label-deco-conception-numerique-pour-plus-de-sobriete/) 39 | * [Certification GreenIT](https://www.greenit.fr/formations/) 40 | 41 | ## Outils 42 | 43 | ### Mesures 44 | 45 | * Panel Audit de Chrome 46 | * [web.dev](https://web.dev/) 47 | * [ecoIndex](http://www.ecoindex.fr) 48 | * [Pingdom](https://tools.pingdom.com/) 49 | * [ecometer](http://www.ecometer.org/) 50 | * [GTmetrix](https://gtmetrix.com/) 51 | * [websitecarbon.com](https://www.websitecarbon.com/) 52 | * [Web energy archive](https://wea.greencodelab.org/fr/) 53 | * [Greenspector](https://greenspector.com) 54 | * [Mobile Efficiency Index](https://mobile-efficiency-index.com/) 55 | * [Axe Developer Tools](https://addons.mozilla.org/fr/firefox/addon/axe-devtools/), accessibility auditing to the Firefox Developer Tools 56 | * [Carbonalyser](https://theshiftproject.org/carbonalyser-extension-navigateur/) 57 | 58 | ### Optimisations 59 | 60 | * Optimisation des images avec [Pageweight Imgix](https://pageweight.imgix.com/) 61 | * [Réduire le poids des vidéos avec Handbrake](https://handbrake.fr/) - [source: Gauthier Roussilhe](http://gauthierroussilhe.com/fr/posts/convert-low-tech#video) 62 | * [Remove unused css](https://unused-css.com/) 63 | * [W3C Markup Validation Service](https://validator.w3.org/) 64 | 65 | ## Hébergement 66 | 67 | * [Quels critères pour identifier un hébergeur « vert » ?](https://www.greenit.fr/2009/05/18/quels-criteres-pour-identifier-un-hebergeur-vert/) 68 | * [EU Code of Conduct for Data Centres – 10 years for improved energy efficiency](https://ec.europa.eu/jrc/en/news/eu-code-conduct-data-centres-10-years-improved-energy-efficiency) 69 | * [OVH](https://www.ovh.com/fr/apropos/green-it.xml) parvient à afficher un PUE moyen de 1,09. 70 | * [Infomaniak, la charte écologique](https://www.infomaniak.com/fr/hebergeur-ecologique/charte-ecologique) 71 | * [Google Cloud zone europe-west1 installé en Belgique](https://sustainability.google/projects/belgium-solar/) 72 | * [Online](https://pue.online.net/fr) 73 | * [Scaleway](https://www.scaleway.com/pdf/iliad-dc3.pdf) 74 | 75 | Todo: comparatif plus complet ? 76 | 77 | ## Analyse d'audience 78 | 79 | [Matomo](https://matomo.org/) est une alternative à Google Analytics en auto-hébergement. De plus, Matomo requiert qu'un léger paramétrage pour être exempté de consentement en conformité avec la règlementation, Cf [Cnil](https://www.cnil.fr/fr/solutions-pour-les-cookies-de-mesure-daudience). 80 | 81 | ## Autres ressources 82 | 83 | * [Awesome Green IT](https://github.com/alvessteve/awesome-green-it) 84 | * [Awesome Numérique Responsable](https://github.com/cyrildotcc/awesome-numerique-responsable) 85 | * [GreenIT.fr](https://www.greenit.fr/) 86 | * [Guide de conversion numérique au low tech](http://gauthierroussilhe.com/fr/posts/convert-low-tech) 87 | * [La bibliographie Numérique Responsable de l'INR](https://www.zotero.org/groups/2401058/inr_public/library) 88 | * [Livre Blanc de l’action GreenConcept](http://www.greenconcept-innovation.fr/wp-content/uploads/2020/02/greenconcept_21022020.pdf) 89 | * [Openclassrooms - Appliquez les principes du Green IT dans votre entreprise](https://openclassrooms.com/fr/courses/6227476-appliquez-les-principes-du-green-it-dans-votre-entreprise) 90 | 91 | ## Collectifs 92 | 93 | * [Institut Numérique Responsable](https://institutnr.org/) 94 | * [Collectif conception numérique responsable](https://collectif.greenit.fr/) 95 | * [Alliance Green IT](http://alliancegreenit.org) 96 | * [Green code lab](https://www.greencodelab.org/) 97 | 98 | ## Exemples sites low-tech 99 | 100 | * http://solar.lowtechmagazine.com/ 101 | * https://bare.eco/ 102 | * http://gauthierroussilhe.com/ 103 | * https://sustywp.com/ 104 | --------------------------------------------------------------------------------