# LowWeb - Brouillon ---- #### ***LowWeb - Rapport :*** https://codimd.math.cnrs.fr/WF6DIgVmSdGp5WYVdz-AyA?both ---- **Problématique :** Low-technicisation d'un site web Pourquoi pas faire un exemple sur un site (comme wikipédia, youtube) https://fr.wikipedia.org/wiki/Low-tech "basses technologies" https://www.chatons.org/node/1 ## Idées: - "éteindre" les serveurs aux heures de nuit dans les pays (ou les restreindre) - Supprimer les formats de vidéos plus utilisés (résolution) - Une augmentation du trafic, par exemple, aura un impact sur la quantité d’énergie utilisée par le serveur, tout comme un site Web lourd ou mal conçu. ## Comment déterminer l’impact d’un site web ? (B) ### Différents sites pour mesurer l'impact d'un site web > https://www.adimeo.com/blog/eco-conception-web-quand-le-numerique-se-met-au-vert > https://hellofuture.orange.com/fr/comment-evaluer-et-reduire-les-impacts-environnementaux-des-sites-web%e2%80%89/ #### Ecoindex > http://www.ecoindex.fr/quest-ce-que-ecoindex/ Ecoindex permet d'évaluer la performance environnementale et physique (ressources info) d'un site web Performance environnementale = 1. Nombre d'éléments du DOM (côté internaute) Ca témoigne de la complexité du site, donc du temps de chargement de la page et des performances nécessaires de l'ordi utilisé, donc de l'impact sur la durée de vie des ordis qui utilisent le site 2. Poids des données de transfert (côté réseau) "une connexion 4G nécessite jusqu’à 23 fois plus d’énergie pour transporter la même quantité de données qu’une connexion ADSL" 3. Nombre de requêtes HTTP (côté serveurs) Le Document Object Model ou DOM (pour modèle objet de document) est une interface de programmation pour les documents HTML, XML et SVG Le site calcule l'impact environnementale en termes d'émission de gaz à effet de serre et de consommation en eau #### Website Carbon Calculator > https://www.websitecarbon.com/how-does-it-work/ > https://sustainablewebdesign.org/calculating-digital-emissions/ S'intéresse uniquement aux émissions carbone des sites, à l'échelle d'une seule visite de page, puis calcule une estimation de l'émission annuelle à partir de moyennes mensuelles "To calculate the energy and emission of a web page we use the following data points: 1. Data transfer over the wire : Données transférées lors du chargement de la page web + calcul adapté en fonction de si un utilisateur vient souvent sur le site, puisqu'il est susceptible d'avoir des actifs du site web en cache sur son appareil 2. Energy intensity of web data : Calcul de l'énergie consommée dans les centres de données, réseaux de télécommunications, et par l'appareil de l'utilisateur 3. Energy source used by the data centre : Le site utilise la database The Green Web Foundation pour check si le data center du site utilise de l'énergie verte ou pas 4. Carbon intensity of electricity : Intensité carbone de l'électricité du réseau basée sur la moyenne internationale de l'électricité du réseau (avec un facteur plus faibe pour les énergies renouvelables) 5. Website traffic: Multiplication de la consommation de carbone par page consultée par le nombre typique de pages consultées par an." #### PageSpeed Insights > https://developers.google.com/speed/docs/insights/v5/about Outil développé par Google Permet de mesurer la vitesse de chargement d'une page web #### The Green Web Foundation > https://www.thegreenwebfoundation.org/green-web-feed/ #### GreenIT https://www.aramis.admin.ch/Default?DocumentID=67656&Load=true https://www.researchgate.net/publication/342643762_New_perspectives_on_internet_electricity_use_in_2030 https://sustainablewebdesign.org/calculating-digital-emissions/ ##### Termes pour recherches : -Eco-conception Web (plus de l'ordre de l'optimisation) ## Conseils pour construire un site web Lowtech. > [https://homebrewserver.club/low-tech-website-howto.html] Site lowtech -> but premier est de réduire l'impact environnemental ***Pas pour pouvoir « faire plus avec la même chose », mais plutôt « faire la même chose avec moins »*** Dans ce cas particulier, cela signifie que toutes les optimisations et les augmentations d’efficacité ne vont pas dans le sens d’un site Web qui est plus rapide à fournir encore plus de mégaoctets. Il s’agit plutôt d’un site Web qui utilise toutes les avancées en matière d’efficacité technologique, combinées à des choix spécifiques de matériel et de logiciels, pour réduire radicalement et drastiquement l’utilisation des ressources. Dans le même temps, pour nous, un site Web durable signifie assurer la prise en charge du matériel plus ancien, des réseaux plus lents et améliorer la portabilité et l’archivabilité du contenu du blog. -> Système solaire qui fournit l'electricité au(x) serveur(s) - Passage d'un site web dynamique à un site web statique, qui précharge les pages sur le disque tandis que le dynamique charge la page à chaque visite (Typepad -> Pelican) - Site fonctionnant avec l'énergie solaire + volonté de le faire fonctionner pendant 90% du temps, soit 35j par an où il est pas en ligne. La volonté est de passer à plus, exemple 99%. Cependant, cela augmente l'impact ecologique du site parce que qui dit plus de temps en ligne dit plus d'énergie et donc plus de panneaux solaire + capacité de batterie supérieure. Donc, les panneaux solaire sont utilisables quand il y a du soleil, lorsque le temps est nuageux le site est hors-ligne. Par conséquent, le site rest quand meme accessible via un flux RSS. - Activation d'une fonction *GZIP* qui permet de compressé le contenu textuel et donc réduit la taille des information transmises - Utilisation de la mise en cache, qui permet la sauvegarde des données chargées lors de la première utilisation. Ce qui permet de réduire le temps de chargement aux prochaines utilisations, que ce soit sur le réseau et le serveur. Aucune donnée est transferée à la deuxième visite de la page web > [https://eco-conception.designersethiques.org/guide/fr/] "Plus on intervient tôt, c’est à dire lors de l’expression du besoin, de la conception fonctionnelle, du maquettage, plus l’effet de levier est fort en terme de réduction de l’empreinte environnementale" *Frédéric Bordage, Ecoconception / les 115 bonnes pratiques* - Environ 45% des fonctionnalités demandées ne sont jamais utilisées, et 70% ne sont pas essentielle. Exemple : - BBC podcast nous offre 2 choix de téléchargements : “haute qualité” et “basse qualité”. Par défaut, si on ne connaît pas l’impact de l’un ou de l’autre, on va choisir l’option “haute qualité” qui est 2 fois plus lourde. Or à l’oreille la différence n’est pas ou peu perceptible. - Aller à l’essentiel du besoin ne va pas au détriment de l’expérience utilisateur, bien au contraire. Un exemple pour illustrer ce principe est la différence entre l’approche de Google qui propose un logo et un simple champ de saisie, par opposition à la page d’accueil de Yahoo! chargée d’informations inutiles : météo, bourse, actualités, horoscope, publicités, etc. - Calcul de l'impact de la page web avec des plugin, comprendre l'impact du site que l'on crée et savoir le chemin de l'utilisateur pour l'optimiser -> utilisation du cache pour réduire l'utilisation des données. Solution aux sites dynamiques: - Sites statiques : distingue la forme et la mise en page du contenu. Lors d’une modification, le site va ainsi être généré de nouveau, mettant à jour les fichiers statiques déjà existants. Les pages ne sont plus calculées et rendues sur le serveur à chaque requête, on observe une nette amélioration des performances. - CMS (Content Management System): un programme permettant de créer un site web, souvent facilement (sans nécessité d'être un développeur), et de l'alimenter "à plusieurs mains", sans aide technique non plus, par exemple Wordpress. ## Chargement d'image sur demande > [https://homebrewserver.club/low-tech-website-howto.html] Réduire la taille globale d'un site web (taille d'une page à - de 1Mo) -> réduire la taille des images Utilisation du tramage : créer l'illusion de profondeur de couleur via une illusion d'optique qui donne une impression de couleur, cela est appelle le dithering. On réduit le nombre de couleur utilisable et le logiciel de tramage va réduire la taille de l'image en utilisant moins de couleurs. Expérience : réduction de 89% le poids total d'un site avec 623 images, passant de 194.2 Mo à 21.3 Mo. > [https://lowimpact.organicbasics.com/eur] Ne pas télécharger d'image sur un site avant que l'utilisateur l'ait demandé Informer l'utilisateur sur sa consomation (d'énergies) dûe à sa navigation sur un site (icone toujours visible lorsque l'utilisateur est préent sur la page du site) Ne pas utiliser de vidéo Télécharger localement sur l'appareil de l'utilisateur les données afin d'en limiter leur transfert Limiter la luminosité émise par l'écran Limiter les polices d'écriture trop complexes ## Alternatives sobres à Javascript > [https://developer.mozilla.org/fr/docs/Learn/JavaScript/First_steps/What_is_JavaScript] "JavaScript est un langage de programmation qui permet d'implémenter des mécanismes complexes sur une page web. - HTML est un langage de balises utilisé pour structurer et donner du sens au contenu web. Par exemple : définir des paragraphes, titres et tables de données ou encore intégrer des images ou des vidéos dans une page. - CSS est un langage de règles de style utilisé pour mettre en forme le contenu HTML. Par exemple : en modifiant la couleur d'arrière-plan ou les polices, ou en disposant le contenu en plusieurs colonnes. - JavaScript est un langage de programmation qui permet de créer du contenu mis à jour de façon dynamique, de contrôler le contenu multimédia, d'animer des images, et tout ce à quoi on peut penser." Javascript est donc plus gourmand en énergie que CSS et encore plus que HTML > [http://youmightnotneedjs.com/] moderne HTML (plus court) et CSS. L'utilisateur n'a pas le contrôle du défilement des images. Devoir cliquer sur l'image pour la voir. Clavier navigable, pas de lecteur d'écran accessible. N'afficher que les titres et devoir cliquer dessus pour avoir le texte qui y est associé. Zoomer sur une image que si on clique dessus. > [https://youmightnotneedjquery.com/] Alternative à jQuery : IE8+ "jQuery, est une bibliothèque JavaScript gratuite, libre et multiplateforme." IEX --> Internet Explorer, navigateur web version X ## Exemple : Plateaux numériques > https://plateaux-numeriques.fr/ Service de création de site internet. Celui-ci permet aux mairies de villages d'être accompagnés dans la création de sites web. Site web : -Utile -Accessible -Abordable -Ancré dans le territoire -Faible impact sur l'environnement ## Qu’est-ce que le gras numérique d’un site web ? >https://www.julielandais.fr/eco-conception-web-communication-visuelle-responsable/quest-ce-que-le-gras-numerique-dun-site-web/ Le gras numérique est l'ensemble des fonctionnalités qui ne sont pas essentiel lors de l'utilisation. exemple : Images, vidéos, affichage d’une carte google, moteur de recherche interne, animation de l’interface, polices d’écritures originales... Lorsqu'un logiciel va accumuler beaucoup de gras numérique, on va alors parler de blotware. Avoir un site sobre qui limite le nombre de clics et donc limiter le nombre de requètes que le visiteur va faire. Donc enlever les carrousels d’images, ne pas heberger de vidéos etc... ## 10.3917/sdd.010.0068 : LA COMMUNICATION VISUELLE ET GRAPHIQUE À L’AUNE DES DÉFIS ENVIRONNEMENTAUX : DES PRIORITÉS À REDÉFINIR " De fait, l’une des réorientations majeures consisterait à accepter et à adopter une vision globale, raisonnée et volontariste, selon laquelle il ne peut plus s’agir de produire toujours davantage – par défaut ou par conditionnement, par plaisir ou par intérêt, mais de produire autrement, de se comporter autrement. Ceci suppose une forte considération pour ce qui relève du contexte, des soubassements et des implications, non seulement écologiques, sociaux et économiques, mais aussi psychologiques, perceptifs, relationnels, etc. " ## ISO 14062 Management environnemental — Intégration des aspects environnementaux dans la conception et le développement de produit Victor Papanek : "Design pour un monde réel" (1971) ## Green IT : Dméarche d'amélioration continue qui vise à réduire les impacts environnementaux, sociaux et économique du numérique. Désigne aussi la communauté de ces acteurs Green IT et accessiblité : - faible profondeur de site, limiter les clics - pas dérouter les utilisateurs - de nos jours la consultation des sites se fait majoritairement depuis un smartphone ; donc avoir un responsive web design adaptés aux mobiles (responsive web design : permet d'adapter l'affichage en fonction de la taille de l'écran) # Idéation ## Brainstorming - (- -) - Restreindre la partie commentaire, avis - Adapter la résolution d'une image/vidéo en fonction de l'écran - (-) - Limiter le nombre de produits - (+) - imposer une limite d'émission de carbone pour les sites - Limiter le nombre d'options sur le site (résolution, zoom,etc...) - supprimer les sites obsolètes - Navigation web limitée à un certain temps par jour - (+ +) - Essayer de limiter l’accès aux datacenters loins - sites fonctionnant à l'énergie renouvelable **Site WEB Eco/Youtube réamenagé** - Supprimer les vidéos sur un site quand c'est uniquement esthétique - Limiter ou supprimer sur youtube les suggestions de vidéos - Supprimer les formats vidéos/photos /musique plus utilisé - limiter les profondeur des sites - Limiter les nombres de clics en utilisant un système de suggestion - Enlever les prévisualisations des vidéos - Baisser la qualité de la vidéo au bout d'un certain temps de visionnage - Eteindre le serveur sur les heures creuses - Imposer une option pour tout utilisateur (format pic, résolution vid) - Réduire le poids des vid/pic pour réduire le temps de chargement - Youtube réaménagé - Navigateur Web simplifiant les sites web **Plugin/Extension pour noté les sites sur leur impact** - Limiter les mises en page et polices d'écriture complexes - Transformer un site dynamique en statique - Warning quand on dépasse une certaine durée de navigation - Limiter affichages dynamiques et photos - Chargement que d’une partie du code du site web - Open source - Logiciel qui respecte la norme ISO 14062 et 14... - réduire les informations que les sites retiennent des utilisateurs/ les sauvegarder sur son ordinateur - N'utiliser que HTML (et CSS) - limiter le langage de programmation utilisé - Dépense carbone, eau... à chaque navigation sur le site - Système d’avertissement sur la haute et basse qualité d’une vidéo ou tout autre fichier téléchargé - Blocage des cookies et trackers - Un Youtube indiquant la consommation énergétique de la vidéo - Créer des icônes de consommation - Informer sur la provenance de l’énergie utilisée par l’utilisateur - algorithme/logiciel qui calcule l'empreinte carbone du site et qui donnent des conseils sur quel domaine le site pourrait s'améliorer pour la diminuer - algorithme permettant de simplifier les codes des sites - facilité à trouver l'information - Créer un label /évaluation de l'éco conception et utilisation d'un site - Plugin de notation de la consommation énergétique des sites web - mettre en avant la sobriété pour pas que les sites soient mis plus en avant que d'autre - Créer un nouveau navigateur qui met en avant les sites sobres #### Organisation des idées en 3 projets  > [https://postit.colibris-outilslibres.org/LowWeb#] --- détail du calcul pour le label pour qu'il soit convivial (exemple : cliquer sur le "logo" pour avoir plus d'infos sur le calcul) Savoir comment on trouve les données pour le label, comment on cré et stock cette base de donnée, demander aux entreprises, si pas d'accord alors ne pas mettre de logo ou autre... plateforme de visionnage éco-concue --> la garder seulement en exemple et non idée principale, s'en inspirer pour le navigateur --- Etape 3: Maquettage - **Développeur rentrant les infos pour le plugin (B1)** - **Utilisateur qui se sert du label pour choisir un site sobre/écolo** (B) - Le navigateur charge une partie de la page lorsque les sites ne sont pas sobres (non chargement des images) et dons du gains énergétiques du passage au site sobre - Partage des données de calculs du label - **Le plugin dit à l'utilisateur de baisser la résolution de la vidéo en lui disant de quelle lettre à quelle lettre il passe et lui propose d'avoir le détail des calculs (A)** **- Un utilisateur lance le navigateur pour la première fois** **Critères du label :** - Proportion textes/vidéos/images - Le site est-il dynamique ou statique - Langages utilisés HTML/CSS --> classement des langages - Noter la provenance/le type de l’énergie utilisée pour faire tourner les data centers du site (classement ou catégories énergies vertes ou non) - Composants informatiques utilisés pour les serveurs du site web - Dithering utilisé pour le site web - Si le site n'a pas entré ses informations de consommation, une estimation est faite, et la note affichée comporte alors une astérisque sur le côté pour informer sur le fait que la note est basée sur une estimation Label semblable au nutriscore (de A à E du vert au rouge), indicateur environnemental sur la consommation du site A --> pas/très peu de photos/vidéos - HTML - et polices classiques B --> Quelques photos/vidéos et polices classiques C --> Quelques photos/vidéos mais polices non conventionnelles D --> Beaucoup d'images, de vidéos et utilisation de polices non conventionnelles E --> Enormément d'images/vidéos et utilisation de polices non conventionnelles --> Alerter sur l'accès aux sites qui ont une forte émission de carbone et proposer de passer en mode site simplifié ou d'autres options pour améliorer la note/lettre du site **Options du navigateur :** lowweb (navig'eco, green'av) - Limiter à un certain temps par jour imposé puis alerter lorsque le temps est dépassé (si vidéo baisser la qualité) - Réduire les informations que les sites retiennent des utilisateurs/ les sauvegarder sur son ordinateur - Label présent "sur le lien du site" - Navigateur Web simplifiant les sites web / Chargement que d’une partie du code du site web lorsque le site web chargé a une note mauvaise - Alerter sur la consommation de données lors de visionnage de vidéos en demandant de réduire la résolution **Rapport final** - Localisation des datas centers par rapport à l'utilisateur --> accès à la localisation (paramétrage de la localisation par l'utilisateur) - Alerter l'utilisateur de sa recherche à la fin de la navigation (rapport de consommation avec les critères du label) --> économie par rapport à un autre navigateur et conso en allant sur ce navigateur - Demande de scan du PC pour connaître les composants pour le calcul de consommation à la fin de la navigation ### Histoires : - ***Le navigateur GreenNav conseille à l'utilisateur de baisser la résolution de la vidéo en lui disant le gain d'énergie qu'il ferait*** Chantal souhaite regarder une vidéo sur Youtube. Elle clique sur la vidéo souhaitée. La vidéo a une haute résolution qui peut être réduite. GreenNav lui propose par une bulle style BD de réduire la résolution de sa vidéo. La bulle informe Chantal également sur l'économie d'énergie qu'elle ferait en réduisant la résolution de sa vidéo. Chantal décide donc de réduire la résolution de sa vidéo et une bulle temporaire la félicite. - ***Utilisateur qui se sert du label GreenScore pour choisir un site sobre/écolo*** Chris, 17 ans, est au lycée. Celui-ci a pris la spécialité SVT et se retrouve à devoir faire un exposé sur les loutres de mer. Il rentre donc chez lui et allume son ordinateur. Il lance donc GreenNav et recherche "loutre de mer". Chris se retrouve alors confronté à des centaines de sites, et ne sait pas lesquels choisir pour faire son exposé. Il remarque alors le GreenScore à côté des différents liens proposés. En raison de ses convictions pour la nature et l’écologie, Chris décide d’utiliser des sites notés avec un GreenScore de A pour achever son rapport. - ***Un utilisateur lance le navigateur GreenNav pour la première fois*** Charlotte télécharge son nouveau navigateur GreenNav. Elle l’ouvre pour la 1e fois. GreenNav lui demande de renseigner sa localisation afin d'effectuer un calcul de sa consommation énergétique personnelle plus précise. Il lui propose de renseigner sa ville, sa région ou son pays. GreenNav lui propose ensuite d’effectuer un scan des composants de son PC, sans récupérer ses données personnelles. GreenNav l’informe que « Cela sera utile pour évaluer votre consommation totale lors de votre navigation pour votre rapport final de consommation ». Charlotte donne alors accès à ces informations. Un nouvel affichage l’informe de l’existence d’un lien « Vous êtes développeur d’un site ? » situé en haut à droite du navigateur, lui permettant, si elle est propriétaire d’un site web, de renseigner les informations de ses serveurs pour avoir une note plus précise de ses sites. Elle valide et renseigne ces informations. Une dernière bulle l’informe « Vous pourrez modifier toutes ces informations dans les paramètres ». Elle peut donc enfin accéder au navigateur GreenNav et commencer ses recherches. - ***Partage des données de calcul du label GreenScore*** Eveline arrive sur la page de résultat de ses recherches. Elle voit le GreenScore associé à chaque site. Entre autres, son site préféré a une note de E. Etonnée, elle souhaite connaitre la raison de cette notation. Pour cela, elle clique sur le GreenScore. Eveline voit sur une nouvelle page les différents critères du label, le calcul et la note associée à chacun d’entre eux. Elle reclique sur le label pour fermer cette page. Eveline décide quand même d’aller sur son site préféré et clique sur le lien. Avant d’arriver sur la page du site, le navigateur lui propose sur une bulle d’exploiter qu’une partie du code du site (HTML / CSS) afin de faire des économies d’énergie. Eveline accepte en cliquant sur "oui" et arrive donc sur son site préféré mais simplifié et sobre. La bulle temporaire la félicite en l’informant du gaint énergétique qu’elle a fait en prenant cette option. - ***Développeur qui rentre les informations sur son site*** Samuel est propriétaire d’un magasin à Paris. En utilisant GreenNav, il constate que le site web de son magasin comporte un astérisque à côté de sa notation. Il clique dessus et une page s’affiche disant "Le propriétaire de ce site ne nous a pas encore fourni les informations concernant ses serveurs. Cette note est donc une estimation de la consommation du site". Le reste de la page lui détaille l’estimation effectuée pour la notation de son site. Il décide de fournir les informations de son site web à GreenNav afin d’avoir une note plus précise sur le navigateur. Il utilise donc le lien « Vous êtes développeur d’un site ?» proposé en haut à droite du navigateur. En cliquant sur ce lien, il est redirigé vers un formulaire lui certifiant que les données rentrées ne seront utilisées que dans le cadre du calcul du label et que ces informations ne seront en aucun cas transmises en dehors des locaux de GreenNav. Le formulaire lui demande notamment de rentrer l’URL de son site, des informations diverses lui permettant de prouver qu’il est bien propriétaire du site, et des informations sur les serveurs utilisés pour faire tourner son site. Il valide enfin le formulaire. Après quelques jours, il recherche une nouvelle fois son site. L’astérisque est bien parti et sa note a changé ! - ***Alerte de consommation d'un utilisateur*** Jean est en train de surfer sur la toile à l’aide de GreenNav. Il s’adonne à cette activité depuis un certain temps, 1h environ. Une bulle d’alerte s’affiche alors dans le coin droit de son navigateur GreenNav lui informant qu’il est en ligne depuis un temps assez important et qu'il devrait songer à s’arrêter. Jean décide donc de suivre ses conseils et ferme le navigateur. Une fenêtre informative s’affiche alors sur son écran, lui donnant sa consommation totale sur sa session, et le gain d’énergie qu’il a réalisé avec GreenNav au lieu d'un autre navigateur en utilisant l’option simplification de site proposée par le navigateur. **Fonctionnalités du navigateur :** - Le système permet la mise en place et l'affichage d’un label de consommation des sites - Le système permet à l'utilisateur de recevoir un rapport de consommation à la fermeture du navigateur sur ses recherches web - Le système permet aussi de charger une partie des pages web non sobres - Le système permet d'alerter de la consommation lors du visionnage de vidéos par l’utilisateur et la réduction de la résolution de ces vidéos - Le système permet également à l'utilisateur d'être alerter sur sa consommation si l’utilisation se fait sur une longue durée - Le système permet à l'utilisateur de connaître le calcul de notation pour le label en cliquant sur le label du site --- Que des site avec des A, impact sur les développeurs, réduire vidéos et data centers, sites plus optimisés, possibilité de se restreindre soi à ne voir que des sites avec une certaine lettre Quel impact des décisions faites sur le navigateur ? (remonter la chaîne de production, quels impacts sur l'environnement, sur les méthodes de développement, etc) Pseudo ACV : si utilisé largement, alors réduction d'énergie data centers eniviron 20% Avoir une idée ordre de grandeur --> sources, état de l'art... Risques d'effets rebonds (optimisation) si mon projet est massivement utilisé conflit éthique --> légal/autorisé de savoir la localisation des datas centers d'un site ?? --- ## Effets rebonds : - Partage de données/Stockage de données trop important pour noter les différents sites - Partage de données/Calcul de données trop important pour donner le rapport de consommation à la fin de la recherche - Dans le cas du temps limitée, solution de chronomètre qui calcule toutes les secondes le temps qu'il reste **--->** utiliser une "alarme" fixé à un certain temps, pour éviter le calcul constant de temps ou calcul à chaque changement de page web le delta(temps) - Estimation de la consommation du site trop énergivore en données **--->** La solution serait d'avoir une base de données dans laquelle on a calculé, une seule fois, la consommation de chaque site et dans laquelle le navigateur vient piocher - Calcul/Attention constante du navigateur pour rendre l'utilisation plus "verte". Par exemple si l'utilisateur navigue sur youtube et change de vidéo toutes les minutes, est-ce que le fait que le navigateur calcule la manière la plus optimisée de regarder sa vidéo en termes d'impact sur l'environnement ne sera pas plus énergivore ? - Navigateur "dynamique" car animations qui pop pour conseiller/alerter l'utilisateur. Si l'utilisateur change souvent de page, le navigateur affichera des bulles à chaque fois donc cela engendrera une consommation d'énergie importante - Réduction de la résolution de la vidéo qui recharge la page donc un échange de données en plus **--->** imposer la résolution de la vidéo dès la première utilisation du navigateur. - Si trop d'options et de calculs, cela risque d'entrainer l'achat d'un nouvel ordinateur pour l'utilisateur car trop de consommation d'énergie - Attention au GreenWashing avec le label ## SWOT - Opportunités - Mise en avant des sites éco-conçus, valorisation - Navigateur et label valorisés par des associations écologiques - Forces - Réduire la quantité d'énergie utilisée - Réduction de l'impact environnemental - Sensibilisation des populations sur la question de l'impact environnementale des sites web - Faiblesses - Fenêtre d'alerte en mode site dynamique et non statique - Ne pas savoir la localisation des datas centers car c'est une donnée privée de l'entreprise/du site qu'elle ne voudra divulguer - Entreprises dans une logique de profit --> ne voudront pas divulguer leurs données - Menaces - Risques de lobbying et boycott du navigateur par les grandes entreprises du web - Risques GreenWashing ## 7 péchés du Green-Washing : #### Compromis caché : prétention ne considérant qu'un nombre restreint d'attributs et en occultant le reste. *Danger* : Mettre en place un système de simplification des sites web, mais qui consommerait plus d’énergie en effectuant la simplification qu’il n’en fait gagner en affichant la page simplifiée *Solution* : Ne mettre en place que des solutions de programmation optimisées en termes de ressources utilisées, dont l'étape d'exécution + le résultat doivent moins consommer que ce que ferait un navigateur standard #### Absence de preuve : prétention non étayée par une information facile à trouver et digne de confiance. *Danger* : Manque de visibilité sur les méthodes de calculs ou sur les codes de simplification des sites web/baisse de résolution des vidéos ou tout autre action destinée à gagner en consommation énergétique *Solution* : Les critères du label, calcul de consommation de l’utilisateur doivent être détaillés et consultables par toutes et tous. Les codes utilisés doivent être open source. #### Imprécision : prétention vague ou floue *Danger* : Etre flou ou imprécis dans les détails des calculs pour le label et de la consommation de l'utilisateur, *Solution* : Bien définir les termes employés dans les détails des critères de GreenScore et des calculs, par exemple ce qu'on entend par impact environnemental (est-ce qu'on parle de l'impact carbone ? De la consommation en eau ? Les deux ?) #### Non pertinence : prétention exacte mais inutile ou insignifiante. *Danger* : Les critères du label GreenScore ou son calcul ne sont pas suffisamment restrictifs. Ils se basent sur des normes ou lois de limitation de consommation qui sont déjà établies pour attribuer les notes "positives" aux sites (A ou B), et pas sur le fait que l'impact écologique soit effectivement bas (par exemple émission carbone et consommation en eau s'approchant de 0). *Solution* : Baser les calculs et critères sur des gammes d'émissions de carbone/consommation d'eau établies avec des experts #### Moindre mal : prétention exacte, mais sur une catégorie de produits globalement nocifs. *Danger* : Même en consommant que des sites A mais en réalité ça consomme quand même. Noter des sites en A mais qui ont des impacts environnementaux désastreux (site de fast-fashion, minage crypto-monnaie et fast-trading). En soit le site est low-tech mais le service proposé par le site a un gros impact sur l'environnement *Solution* : Prendre en compte les services proposés par les sites dans les calculs et critères du GreenScore #### Faux écolabel : utilisation de labels internes à l'entreprise peu contraignants et non délivrés par un organisme tiers. *Danger* : Garder les éléments des calculs du GreenScore et de la consommation de l'utilisateur uniquement en interne et ne pas autoriser d'intervention extérieure *Solution* : Faire vérifier les éléments de calcul du GreenScore et de la consommation de l'utilisateur par des entités externes de confiance (type chercheurs et/ou ONG) #### Mensonge : prétention fausse. *Danger* : Utiliser des données fausses pour les calculs, que ce soit au niveau des ressources des utilisateurs ou encore des entreprises rentrant leurs informations de consommation. *Solution* : Les modèles de composants des appareils scannés doivent être vérifiés d'une manière ou d'une autre, par exemple demander à l'utilisateur si les informations scannées sont bien exactes. Les données entrées par les développeurs de site doivent être vérifiés d'une manière ou d'une autre pour s'assurer que l'entreprise ne ment pas sur ses chiffres. Peut-être penser à faire des audits ? Vérifier les données des entreprises d'une manière ou d'une autre en faisant intervenir un-e expert-e extérieur-e. ## Conflits entre éthique et intérêts économiques - Incitation à moins utilisé, en terme de temps, les navigateurs donc moins de temps passé sur les sites qui génèrent moins de profits car il y a moins de trafique/visites sur leur site, la collecte de données sera moins importante, le visionnage de pubs sera moins importants, etc... ## Empreinte fantôme : .jpg)