 Your new post is loading...
Your new post is loading...
Scoop.it!
Adopter une démarche responsable sur les enjeux numériques est une opportunité pour les entreprises de réussir leur transition numérique et leur transitio 
No comment yet.
Sign up to comment
Scoop.it!
Constamment en progression, le e-commerce a atteint des records en France. Cependant, acheter des produits en ligne n'est pas sans conséquence pour la planète. L'Agence de l'Environnement et de la Maîtrise de l'Énergie (ADEME) explique
Scoop.it!
Analysez la consommation de votre site web! Rechercher un site pour voir ses mesures : URL Ok
Mickael Ruau's insight:
Note environnementale des sites mesurés :1191 sites mesurés Meilleur: 1.27Wh
Moins bon: 1317.76Wh Moyenne: 94.49Wh Consommation électrique94.49 Wh pour 1000 pages vues
Scoop.it!
From
fing
Défi n°1 : Un numérique “écologique by design”L’enjeu : réduire les impacts environnementaux du numérique
> Lire la suite du défi "Un numérique “écologique by design” (.pdf, 5 pages)
> Lien vers la publication complète (Creative Commons)
Scoop.it!
Comment sécuriser l’approvisionnement électrique français si les capacités de production françaises diminuent ? RTE, le gestionnaire du réseau électrique, s’est penchée sur la q Via Hubert MESSMER
Scoop.it!
Un large choix de modèles d’ordinateurs portables, c’est bien pour comparer les modèles mais c’est aussi le meilleur moyen de s’y perdre entre les caractéristiques techniques, les paramètres, le processeur, etc. Alors pour vous aider à décrypter ce charabia, voici quelques points essentiels sur lesquels mieux vaut s’attarder avant de sauter le pas et d’acheter
Scoop.it!
Best practices for mobile platformsUsers of smart phones and PDA's expect their product to have a long battery life. The microprocessors and peripherals on these machines are very powerful (and with that power-hungry) to provide the user with the best experience possible. Despite that energy efficiency is wanted in mobile computers for the purpose of a longer battery life, instead of reducing the carbon footprint, the same techniques apply and the effect reduces the carbon footprint of the software. The following best practices are useful to constrain the device of emptying the battery within a couple of hours:
Very specifically energy can be saved by using wifi instead of a GSM or GPRS network, because sending and receiving network traffic over wifi consumes less energy [1].
Scoop.it!
Humane by Design is a resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.
Scoop.it!
Un des précédents articles « Le coût des données n’est pas celui que l’on croit… » se référait à l’obésité des données et à ses coûts cachés. Un point technique particulier, le « padding », fut abordé. Cet article aborde un sujet peu abordé dans la littérature: le coût énergétique de l’indexation. Introduction et rappel(s) « Lorsque vous effectuez une requête sur... Read more »
Scoop.it!
Je viens d’emménager dans un autre appartement qui dispose d’un compteur Linky. Le Linky, a été vanté par EDF comme un miracle qui permet par exemple d’activer votre abonnement en un clic (ce qui est bien-sûr faux : dans le noir pendant 3 jours, comme tout le monde, vous patienterez !), l’appareil a une fonction sympa tout de même (en tout cas par rapport aux compteurs électromagnétiques à plateau rotatifs) : pouvoir voir la consommation instantanée de toute la maison. Du coup j’ai jeté un œil. Et j’y voyais quelque chose comme 205 VA (soit environ 205 watts). Le truc étonnant avec ces 205 VA, c’est que tout semblait être éteint dans la maison : lumière, chauffage, PC, TV, même le frigo n’était pas actif à ce moment-là. J’ai donc cherché à voir d’où tout ça pouvait bien venir…
Mickael Ruau's insight:
Ce n’est pas une surprise qu’un appareil en veille continue de consommer du courant, mais que des appareils continuent de consommer alors qu’ils sont éteints (enfin… « le plus éteint possibles » : vu qu’on vit dans une époque où les TV n’ont plus de bouton on/off du tout, et doivent vérifier 24/7 si quelqu’un touche à la zappette…), c’est carrément aberrant. Le chauffage par exemple : c’est normal que les 5 radiateurs éteints de la baraque me bouffent 54 W en continu ? En tout, en coupant les bons circuits et en mettant des multiprises avec interrupteur (5 euros sur Amazon), je réduis la consommation « en veille » de l’appartement à environ 50 W. Évidemment, il n’est pas question de tout couper comme un radin, mais juste de couper les bons trucs et de prendre l’habitude d’utiliser le bouton « on/off » : ce n’est pas l’action de débrancher votre chargeur de téléphone lorsque vous ne vous en servez pas qui vont vous rendre riche (60 centimes sur l’année, youpi), mais plutôt d’identifier les gros postes de consommation et de mettre une multiprise à cet endroit. Couper le « coin TV » (avec vos décodeurs, lecteurs DVD, consoles…) représente déjà quelques euros sur la facture mensuelle. Dans mon cas, avec environ 130 W en moins, l’économie atteint 170 € sur l’année (dans les faits, probablement un peu moins, car l’hiver le chauffage sera allumé, et les appareils fonctionnent parfois aussi). Mais c’est une ordre de grandeur de l’économie réalisée. Et 170 €, pour donner une idée, ça fait une journée à Disneyland, pour deux (50 € /pers) — repas sur place et un petit souvenir compris, ou alors un joli cadeau, un bon resto, bref, pas mal de fric qui serait autrement perdu.
Scoop.it!
Bande dessinée | Les impacts cachés du numérique -...
Scoop.it!
Pourquoi des ACV du logiciel ? L’analyse des impacts du logiciel ne sera cohérente qu’en prenant en compte tout le cycle de vie du logiciel (du berceau à la tombe, i.e. de la conception à la désinstallation du logiciel). L’impact de la fabrication est en effet non négligeable pour certains logiciels (Trés grosses équipes de... Read more »
Scoop.it!
Regarder Netflix, utiliser un assistant vocal… Derrière ces ges tes anodins se cachent d'énormes data centers et un réseau don
|
Scoop.it!
From
github
Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript. - nefe/You-Dont-Need-jQuery
Scoop.it!
Greenspector permet aux entreprises d’améliorer la performance énergétique de leur code. Entretien avec leur CTO sur les facteurs de surconsommation.
Scoop.it!
Ce référentiel a pour objectif de centraliser les bonnes pratiques d'éco-conception Web. Il recense les études et mesures pour illustrer les bonnes pratiques de développement responsable. Le référentiel d'eco-conception est à destination de tous mais privilégie les développeurs, les écoles (étudiants) et les spécialistes du développement responsable. La solution est ouverte à tous, tout le monde peut participer en s'inscrivant. Tous les utilisateurs peuvent rédiger ou corriger une bonne pratique ou poster un commentaire. Une bonne pratique aboutie contient :
Scoop.it!
Le numérique français, par la voix de son secrétariat d'Etat, a dessiné une troisième voie entre la Silicon Valley et le modèle chinois en la matière. Lettre à Monsieur Cédric O, nouveau secrétaire d'Etat au numérique :Nous, professionnels, associations et élu(e)s engagé(e)s pour un numérique responsable, voulons agir pour que l'exemplarité environnementale soit un atout du numérique français, au même titre que le respect de la vie privée, l'accessibilité, la sécurité. La France inspirera ainsi l'émergence d'un numérique européen associant éthique et prise en compte de l'environnement.
Mickael Ruau's insight:
*Les signataires:Isabelle Autissier, présidente de WWF France ; Frédéric Bardeau, président cofondateur de Simplon ; Frédéric Bordage, fondateur de GreenIT. fr et Collectif conception numérique responsable, Jean-Christophe Chaussat, président de l'INR, l'Institut du numérique responsable ; Mathieu Delemme, directeur général de Numerik-ea, Ecedi ; Paula Forteza, députée de la 2e circonscription des Français de l'étranger; Denis Guibard, vice-président du C3D ; Matthieu Orphelin, député de la 1re circonscription du Maine-et-Loire ; Laetitia Vasseur, cofondatrice et directrice de l'association Hop, Halte à l'obsolescence programmée.
Scoop.it!
203 kg de gaz à effet de serre et 2 900 litres d’eau par internaute et par an. Les impacts environnementaux ont lieu lors de la fabrication des équipements des utilisateurs et lors de la fabrication de l’électricité qui alimente les équipements électroniques. Solution ? Allonger la durée de vie des équipements et utiliser une électricité provenant de sources primaires renouvelables.
Mickael Ruau's insight:
Les impacts répartis entre fabrication et utilisation L’épuisement des ressources non renouvelables, les pollutions et les impacts sanitaires ont lieu essentiellement lors de la fabrication et de la fin de vie des équipements électroniques. Les émissions de gaz à effet de serre sont également réparties entre fabrication (48 %) et utilisation (52 %). En revanche la consommation électrique (68 %) et d’eau (84 %) est prépondérante sur la phase d’utilisation. Les impacts liés à la fabrication sont surtout concentrés dans la fabrication des équipements des utilisateurs et des objets connectés. La consommation d’énergie est surtout liée au fonctionnement 24 heures sur 24 et 365 jours par an du réseau et des centres de données. La consommation d’eau est liée à trois événements : la fabrication des équipements, la production de l’électricité et le refroidissement des centres de données. Dans l’article Comment réduire l’empreinte environnementale du web ?, je vous présente les principales pistes d’amélioration.
Scoop.it!
Voici une procédure de mesure de l’impact énergétique d’un logiciel.
Mickael Ruau's insight:
Procedure de mesureA – Branchement du wattmètre1 – Eteindre le PC (dans le cas d’un PC fixe) B – Configuration du système en mode silencieux1 – Ejecter et retirer les périphériques non nécessaires au logiciel à évaluer (Cable Ethernet ou ethernet…) C – Mesure du système en mode silencieux1 – Attendre que le système soit en mode idle (la consommation doit être stabilisé) D – Rédaction du plan de test1 – Identifier le cas d’utilisation à évaluer : action utilisateur et réaction, traitement, chargement… E – Mesure de la consommation1 – Réinitialiser les données du wattmètre F – Analyse des données1 – Identifier la puissance instantannée maximale Pmax G – Enregistrement de la configuration1 – Noter la plateforme matériel : processeur, architecture, capacité mémoire, mémoire
Scoop.it!
MesureLe score WEA du site doit être supérieur ou égal à CLe nombre de requete ne doit pas dépasser le nombre moyen des sites du panel WEA (50)Chaque fichier qui compose une page du site nécessite une requête http. En dehors des images (qui sont chacune dans un fichier différent), une page html pourrait, dans l’idéal, se contenter d’un très petit nombre de fichiers : L’objectif du développeur sera de minimiser le nombre de ces fichiers (par exemple en concatenant les fichiers de même type) tout en n’augmentant pas le poids de la page
Mickael Ruau's insight:
Les règles du labelDesignPréférer les CSS aux imagesMinimiser la quantité d’octets utilisés en utilisant les capacités graphiques du navigateur plutot que de transférer des images. Les images les plus simples, compressées et utilisant une palette de couleur minimum auront une taille de fichier dépassant largement le kilo-octets . Cette taille peut aller facilement à 10 voir plusieurs centaines de kilo-octets. Cette charge sera à transférer lors de la lecture de la page sur le poste client. Les navigateurs possedent des capacités de création d’objets graphiques en interprétant des codes textes de mise en page (le CSS). Utiliser des objets définis par CSS remplace plusieurs fichiers de plusieurs milliers d’octets par quelques lignes de codes de plusieurs dizaines (au plus centaines d’octets). Ce code étant rassemblé dans un seul fichier, l’économise s’étend aussi au cout du transfert HTTP pour chaque image. Favoriser une intégration du design sémantique et efficaceUne architecture de code complexe ou une mise en page brouillonne augmentera la quantité de données transférées ainsi que la consommation électrique du site via son usage. En effet, soit à cause du temps de calcul du navigateur soit à cause du temps de lecture par un utilisateur qui trouve difficilement ses informations, le poste client restera plus longtemps en activité et forcément, consommera davantage. La notion de design couvre aussi à la fois celui du code html vu par le navigateur et la mise en page vue par l’utilisateur du site. Le design du code, quand à lui, doit utiliser au mieux les recommandations des normes W3C. En ce qui concerne le design de la mise en page, Favoriser les polices standardEviter de surcharger les téléchargements avec des fichiers de polices de caractères. Le besoin d’un site d’une lecture fluide et d’une identité visuelle étant prise en compte, des chargements inutiles et répétés de polices de caractères à chaque page du site est une erreur à éviter. Code (Serveur)Mettre en cache le BytecodeOptimiser le traitement par le serveur des scripts et programmes en langages interprétés. Sur le serveur, les programmes en langages interprétés (php, perl, python, …) sont stockés sous leur forme originale (texte). Minimiser le nombre de requêtes SQLUne connexion à une base de données, quelle que soit son type (SGBD, système de fichier, …) est couteux en ressources processeurs, mémoires et réseau pour l’architecture du serveur. Si une boucle effectue une requête à chaque itération, ceci dégradra la performance et l’empreinte globale du site. Il est donc nécessaire d’exclure toute requête de toute boucle itérative. On pourra aussi par exemple utiliser des transactions Utiliser un système de cache pour l’accès à la base de donnéesUne connexion à une base de données, quelle que soit son type (SGBD, système de fichier, …) est couteux en ressources processeurs, mémoires et réseau pour l’architecture du serveur. Plusieurs cas d’utilisations de données sont possibles : la recherche de données dans une page ou la recherche d’adresse de page ou de fichier (pour certains CMS). Dans un premier temps, le choix du type de base doit s’adapter au besoin. Une base de données relationnelle ne sera efficace qu’au delà d’un millier de données. D’autre part il n’est pas avantageux d’utiliser un CMS incluant un SGBD pour, par exemple, simplement une dizaine de pages de présentation. Ensuite, si une base est nécessaire, son utilisation doit se faire sous un controle maitrisé et justifié. Préciser la colonne de recherche lors des requêtesMinimiser la quantité de données lors de la réponse à une requête et minimiser le travail du serveur de base. Le serveur de base de données consommera plus de CPU et de mémoire pour chercher lui-même la liste des champs d’un objets et à tous les renseigner que de traiter une liste de champs spécifiée. Favoriser les pages statiquesLa génération des sites de façon dynamique (via CMS, en PHP…) consomme plus de ressource qu’une simple page statique. Il est nécessaire de favoriser les pages statiques dans la mesure du possible. Par exemple dans le cas d’une page dont le contenu ne change pas (présentation d’une société par exemple), on pourra utiliser une page statique. Si l’on souhaite conserver un CMS, on peut utiliser des plugins qui générent le contenu de façon statique Pour les sites à fort traffic et à contenu dynamique, on favorise l’utilisation de proxy web, qui génèrent des pages statistiques Optimiser les conditions d’itérationDiminuer le nombre de traitements par le serveur lors d’une itération à l’intérieur d’un script. Lors d’une itération, il est recommandé de calculer à l’avance toutes les variables utilisés dans la boucle et qui resteront stable. Limiter le nombre de résultats des requetes base de donnéesDiminuer la taille des requêtes effectuées en base de données, accélérer le temps de génération d’une page. Lors de l’utilisation de requête de sélection, la récupération d’un grand nombre de données entraine l’attente de la réponse de la part du serveur. Le contrôle du nombre de réponses obtenues permet de conttrôler le temps de génération d’une page. Supprimer les javascript redondantLes sites intégrent des codes javascripts soit directement dans le code HTML soit dans des fichiers externes. Il est possible dans certains cas que le code soit dupliqué plusieurs fois dans la page ou qu’un même fichier soit appelé de multiple fois. Dans ce cas, le code dupliqué consomme des ressources inutiles (fichiers plus lourd, code interprété plusieurs fois…). Ceci apparait généralement dans le cas de CMS qui peuvent intégrer du code externe (code google analytics, code réseaux sociaux…). La redondance arrive de plus généralement quand le même code est intégré dans chaque page du site (par exemple le code google analytics intégré). Il est nécessaire de supprimer le code javascript redondant dans les sites : – Eviter d’intégrer des codes similaires dans une même page. Regrouper pour cela le code redondant dans un fonction commune – Eviter le code redondant entre les pages. Par exemple, il est utile d’externaliser le code javascript du code HTML pour rendre le code commun entre les pages.Ce fichier sera de plus mieux géré en cache. – Vérifier les multiples inclusions de fichiers (par exemple jquery), en particulier les inclusions via des plugins dans les CMS. ContenuOptimiser les imagesLes images, contiennent beaucoup plus d’octets que les textes mais sont utiles pour rendre un site lisible et attractif. Ll’image doit être compressée, si possible avec perte de données. Mettre en cache le favicon.icoEviter une demande de téléchargement du favicon.ico systématique à chaque page et qui, de plus, peut générer une erreur. Le favicon est recherché par les navigateurs ; il change peu, il doit donc être présent, et être l’objet de règles de cache pour ne pas être redemandé trop souvent. Adapter les vidéos aux périphériques de visualisationDiminuer la taille des vidéos servies en fonction de la taille de l’écran de l’utilisateur Prévoir plusieurs formats et tailles de vidéos permet de fournir à l’utilisateur un média adapté à son périphérique, et diminuer ainsi la taille du fichier à charger pour l’utilisateur final. Ne pas redimensionner les images dans le code HTMLLes images affichées doivent l’être à leur juste dimension afin d’éviter le chargement inutile d’une image plus grande et donc plus lourde que nécessaire Préférer le texte brut au HTML lors de l’envoi des mailsSi le site prévoit des envois d’e-mail, et d’autant plus s’il s’agit d’envois fréquents ou nombreux, il est recommandé de ne transmettre que le minimum d’information nécessaire. Appliquer une alternative textuelle aux images.Les images doivent systématiquement posséder un attribut « alt ». L’attribut alt doit vide si l’image est décorative, porteur de sens si l’image est informative. Un attribut alt absent, ou renseigné alors qu’il devrait être vide posera des problèmes de restitutions par les aides techniques (lecteur vocale, etc). HébergementUtiliser un serveur avec une technologie non bloquanteLes serveurs web classique sont généralement basés sur des technologies « tread » (par exemple apache). Avec ces technologies, lorsuq’il y a des visiteurs concurrents, les ressources matériels sont allouées pour chaques utilisateurs tant que les données ne sont pas transmises. Enormement de mémoire est par exemple utilisée. Les serveurs de type non bloquant permettent un usage plus efficient des ressources matérielles. Il est nécessaire d’utiliser des technologies non bloquante et basée sur des événements pour les serveurs web. Ajouter des entêtes Expires ou Cache-ControlIl est possible de diminuer la quantité de fichier transmise sur le réseau en forçant la mise en mémoire cache par le navigateur des fichiers du site. Lors de sa première visite d’un site, le navigateur reçoit tous les fichiers nécessaires à l’affichage de la page. Il est donc très intéressant que le site demande une « mise en cache » de tous les fichiers qui resteront inchangés entre deux consultations du site. Compresser la sortie HTML, CSS et JSDiminuer la taille des pages générées en utilisant la compression fournie par les serveur web L’activation de moteurs de compression (deflate/gzip sous apache, gzip sur ngnix…) permet de réduire le poids de la page en compression les données envoyées au navigateur. Regrouper les javascripts et les CSSRéduire la taille des fichiers CSS envoyés au navigateur Les fichiers CSS controllent le style d’un page web ; lorsque plusieurs fichiers sont utilisés, ils peuvent être regroupés en 1 seul fichier afin d’éviter de multiples requêtes HTTP Minifier les fichiers JavaScriptRéduire la taille des fichier javascript. Le fichiers javascript écrit peuvent être optimisés en supprimant les commentaires et espaces inutiles à leur interprétation par le navigateur. Supprimer les règles CSS inutiliséesMinimiser le poids des fichiers CSS en supprimant les règles ou les fichiers CSS qui ne correspondent pas aux objets du site consulté. Les fichiers CSS tranférés avec la page ne doivent pas contenir de règles inutilisés dans le site (ou au mieux dans la page). Minifier les fichiers CSSMinimiser la quantité d’octets nécessaire pour un fichier CSS en supprimant des caractères inutiles ou en optimisant certains codes. Les fichiers CSS peuvent être allégés de plusieurs manières : Désactiver les modules qui ne sont pas utilisésCharger des modules (javascripts, CSS, ou autres librairies) augmente le poids total de la page. Or, ce poids joue sur la consommation du poste client et des équipements du réseau entre le serveur et chaque poste client. En plus de diminuer le poids des images, des requêtes http inutiles et des javascripts redondants, le code peut être optimisé pour ne pas charger de librairies ou de codes CSS inutiles. Code (Client)Réduire la profondeur du DOMSimplifier le DOM (Document Object Model) économisera du traitement (affichage, mise en forme, traitement javascript) par le navigateur client. Le DOM doit être le plus simple possible. minimiser le nombre d’IframesRéduire le nombre d’iFrame dans le code source, voir s’en passer si possible Une iFrame qui ne répond pas peut bloquer le site. Utiliser des timers les plus adéquates aux éxigences de performanceLes systèmes d’exploitation possèdent des timers périodiques qui séquencent les traitements. Par exemple, Microsoft Windows séquence ses tâches avec un timer de 15,6 ms. Si aucun traitement n’est nécessaire, le processeur se réveille puis entre dans un mode de veille. Certaines applications (comme les applications multimédias) diminuent ce timer pour avoir une performance plus importante. Cela a un impact sur la consommation du processeur car il entre moins souvent en veille. Il faut limiter l’usage de fonction qui augmente le timer des systèmes. Par exemple on évitera l’usage de settimout ou setInterval avec des variables inférieur à 10 ms. Adapter le fonctionnement si l’utilisateur ne visualise pas la fenêtreNe pas rafraichir les pagesIl est possible de demander le rafraîchissement d’une page internet régulièrement via la balise metadata avec l’attribut Refresh : <META HTTP-EQUIV= »Refresh » CONTENT= »n »>. Cependant cela est couteux car toute la page est rechargée. Même si le cache est utilisé, il y aura des requêtes et des traitements. L’utilisation de <META HTTP-EQUIV= »Refresh » CONTENT= »n »> devrait être interdite. Si un rafraîchissement est nécessaire, il est préférable d’utiliser des technologies comme AJAX. De la même manière, l’utilisation de JavaScript doit être évitée afin de recharger la page. Ne pas charger de données lourdes si elles ne sont pas visibles.Le but est de diminuer le poids total des éléments téléchargés en se limitant aux données visibles. Dans les cas où la longeur de la page est bien supérieure à la hauteur de la fenêtre du navigateur et que la quantité de données à afficher est importante, il est possible de ne pas afficher les données (images) non visibles. Ne pas lancer des contenus de type vidéo, sons sans action de l’utilisateur (dont le passage à la souris)Eviter le lancement automatique de contenus multimédias sans action volontaire de l’utilisateur (clic par exemple) Les contenus multimédias consomment de la bande passante et des ressources (CPU/GPU, RAM).
Scoop.it!
Les capacités en éolien et en solaire montent en flèche dans le monde. Mais, sans moyen de stockage sûr, nous sommes condamnés à garder nos centrales thermiques pour prendre le relais. À moin Via Hubert MESSMER
Scoop.it!
Based on sources from literature and the industry, in Energy efficient software a set of best practices has been devised. Generic best practices can be found in the following list
Mickael Ruau's insight:
The previous list contains techniques that can be applied during software development, that can improve energy efficiency. Some of the best practices are only useful in highly specific cases, to an extent that they are not realistic to most software developers. For this purpose lists are conducted showing per list a set of best practices that are useful for a specific platform. Best practices that are applicable to source code only can be found on the page on source-code best practices.
Scoop.it!
Si l’efficacité énergétique recèle un potentiel important en matière d’économies d’énergie, ses résultats demeurent tributaires de la croissance économique. Via Hubert MESSMER
Scoop.it!
L’empreinte carbone laissée par la production d’un livre imprimé est devenue un argument chez ceux qui défendent le passage aux appareils numériques. Mais d’un autre côté, le bon vieux papier a pour avantage de durer plus longtemps et de pouvoir passer entre plus de mains. Qui dit vrai ? Le Détecteur de rumeurs et Unpointcinq, « média de l’action face aux changements climatiques », survolent quatre aspects du problème.
Scoop.it!
From
dev
Icon Fonts vs SVG Icons! This is a debate that shows no signs of abating and is splitting the dev community into two. Here is a detailed comparison of both.
Mickael Ruau's insight:
Proponents of both icon formats argue the merits of one over another. However, in recent times there has been a general consensus and momentum towards SVG icons format. SVG icons system ensures better performance, higher accessibility standards, high rendering quality, unmatched flexibility, and extensive customization. In this article, we will explore in brief the history of web icons, pros, and cons of font icons vs SVG icons.
|
