EcoConception Logicielle
9.0K views | +2 today
EcoConception Logicielle
Green IT, performance web, économies d'énergies, bref : éco-conception logicielle !
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Scooped by Mickael Ruau
February 20, 2017 8:46 AM
Scoop.it!

Social Tech : le numérique au service de la cause sociale

Social Tech : le numérique au service de la cause sociale | EcoConception Logicielle | Scoop.it
Les nouvelles technologies peuvent être utilisées pour de bonnes causes. Par exemple, aider des réfugiés ou des sans-abris .
No comment yet.
Scooped by Mickael Ruau
February 18, 2017 7:08 AM
Scoop.it!

Une Regenbox pour recharger vos vieilles piles

Une Regenbox pour recharger vos vieilles piles | EcoConception Logicielle | Scoop.it
En 1980, le co-créateur des piles alcalines Karl Kordesch avait trouvé l’astuce pour régénérer des piles usagées non rechargeables. Près de 40 ans plus tard, un collectif de scientifiques, lu…
No comment yet.
Rescooped by Mickael Ruau from Planète DDurable
February 17, 2017 5:02 AM
Scoop.it!

L’empreinte écologique à l’épreuve des inégalités

L’empreinte écologique à l’épreuve des inégalités | EcoConception Logicielle | Scoop.it
Depuis une trentaine d’années et notamment la publication du rapport Bruntland en 1988[1], la soutenabilité est généralement définie comme la capacité des générations présentes à léguer aux suivantes de quoi répondre à leurs besoins. En particulier, la sou

Via Hubert MESSMER
No comment yet.
Scooped by Mickael Ruau
February 16, 2017 5:11 AM
Scoop.it!

How to Identify and Resolve JavaScript Performance Problems - Rigor

How to Identify and Resolve JavaScript Performance Problems - Rigor | EcoConception Logicielle | Scoop.it
How to Identify and Resolve JavaScript Performance Problems
No comment yet.
Scooped by Mickael Ruau
February 14, 2017 7:59 AM
Scoop.it!

Decentraleyes - Bloquer les appels aux CDN sans casser les sites web - Korben

Decentraleyes - Bloquer les appels aux CDN sans casser les sites web - Korben | EcoConception Logicielle | Scoop.it
Si vous êtes sous Firefox, voici une extension plutôt bien trouvée qui va vous permettre d'accélérer encore un peu plus vos séances de surf. Ça s'appelle Decentraleyes et ça permet tout simplement de rediriger en local, les appels que font les sites web vers les CDN suivants : Google Hosted Libraries, Microsoft Ajax CDN, CDNJS > Lire la suite
No comment yet.
Scooped by Mickael Ruau
February 13, 2017 4:39 AM
Scoop.it!

How to Minify HTML - Rigor

How to Minify HTML - Rigor | EcoConception Logicielle | Scoop.it
Minifying your HTML can improve your PageSpeed Score, decrease your page’s render and load times, and reduce your overall page size. Using Rigor Monitoring’s Benchmark tools, you can compare your site’s performance to your competitors’ sites.   By reducing the size of the HTML files used to build your webpage, you can speed up your …
No comment yet.
Scooped by Mickael Ruau
February 13, 2017 3:47 AM
Scoop.it!

The Circular Design Guide

Pick a manufactured product that you have been developing or are familiar with and consider how you can create service layers that facilitate more users for that product within its life cycle, prolong its life cycle or enable more usages for the materials beyond the initial life cycle. Think take-back models, repair services, upgradability or a sharing system.

No comment yet.
Rescooped by Mickael Ruau from Web Increase
February 9, 2017 9:52 AM
Scoop.it!

What Really Makes a Static Site Generator? | CSS-Tricks

What Really Makes a Static Site Generator? | CSS-Tricks | EcoConception Logicielle | Scoop.it
I talk a lot about static site generators, but always about using static site generators. In most cases, it may seem like a black box. I create a template

Via Jean-Jacques Roland
No comment yet.
Scooped by Mickael Ruau
February 9, 2017 5:35 AM
Scoop.it!

Les outils gratuits pour analyser les performances de votre site Web

Les outils gratuits pour analyser les performances de votre site Web | EcoConception Logicielle | Scoop.it

Avant de commencer, sachez que les critères testés pour déterminer si votre site est performant sont globalement similaires sur chaque outil. Parmi ceux ci, voici une liste non exhaustive de critères techniques :

  • nombre de requêtes HTTP ;
  • gestion du cache navigateur ;
  • poids des images ;
  • utilisation ou mise en place d’un CDN (Content Delivery Network) ;
  • compression GZIP des pages ;
  • structure HTML ;
  • concaténation, minification, obfuscation des fichiers JS et CSS ;
  • vitesse de chargement ;
  • affichage mobile ;
  • et bien d’autres…
No comment yet.
Scooped by Mickael Ruau
February 8, 2017 5:10 AM
Scoop.it!

Common Causes of Slow Websites - Too Many JavaScript and CSS Files - Rigor

Common Causes of Slow Websites - Too Many JavaScript and CSS Files - Rigor | EcoConception Logicielle | Scoop.it
Slow websites often share common causes of sluggishness. Here are some tips to identify, understand, and eliminate one of these frequently-found issues. One of the main contributors to our clients’ performance troubles is not combining JavaScript and CSS files into single entities on web pages. While this performance bottleneck is simple to find, fixing it …
No comment yet.
Scooped by Mickael Ruau
February 7, 2017 4:34 AM
Scoop.it!

The Hidden Cost of Web Components - ATL Web Performance Meetup

Eliminating slow or unnecessary HTTP requests is essential to maintaining fast websites. Identifying which requests should be removed, however, can prove diffi…
No comment yet.
Scooped by Mickael Ruau
February 7, 2017 1:16 AM
Scoop.it!

Green it définition, certificat et programme écologique green it ainsi qu'avantage et stratégie

Découvrez l'approche Green IT, quand l'économie numérique et les nouvelles technologies deviennent éco-responsables. WattImpact, acteur majeur du Green It en France.
Mickael Ruau's insight:

Votre solution Green IT passe à l’étape d’après avec la certification Wattimpact,
Choisissez les énergies durables pour votre site Web

Alimentation des serveurs, des routeurs, des ordinateurs… Votre site Internet génère des consommations électriques directement liées à son hébergement mais aussi à son audience. Mises bout à bout, souvent sous estimées, ces consommations ont un impact significatif sur l’environnement, qui se traduit notamment en termes d’émissions de gaz à effet de serre, de préservation des ressources naturelles, de gestion des déchets.
Dans un contexte d’explosion de l’utilisation des technologies de l’information et de la communication (TIC), la priorité énergétique durable est double et s’organise autour de la maîtrise de la consommation mais aussi de la préférence aux énergies propres.
La réduction de la consommation électrique est largement couverte par les mesures et stratégies « Green IT ». Le choix des énergies renouvelables pour sa consommation est trop rarement considéré. C’est pourtant ce que propose la solution Wattimpact, un choix volontaire pour les énergies durables.

No comment yet.
Scooped by Mickael Ruau
February 2, 2017 5:36 AM
Scoop.it!

Performance web : 82 outils pour améliorer les performances de son site internet

Performance web : 82 outils pour améliorer les performances de son site internet | EcoConception Logicielle | Scoop.it
Une liste utile de 82 outils gratuits pour booster les performances de son site internet
No comment yet.
Scooped by Mickael Ruau
February 18, 2017 7:15 AM
Scoop.it!

Premiere Page Google en 30 jours (+ Preuves)

Premiere Page Google en 30 jours (+ Preuves) | EcoConception Logicielle | Scoop.it
Attention ➲ Ne Lisez pas ceci si vous avez déjà Assez de Mots Clés en Première Page de Google !
No comment yet.
Rescooped by Mickael Ruau from Ressources d'autoformation dans tous les domaines du savoir : veille AddnB
February 18, 2017 5:03 AM
Scoop.it!

Le #MOOC Changer le monde : passons a l'action débute aujourd'hui

Le #MOOC Changer le monde : passons a l'action débute aujourd'hui | EcoConception Logicielle | Scoop.it

Via veroni
No comment yet.
Scooped by Mickael Ruau
February 16, 2017 11:11 AM
Scoop.it!

React is Slow, React is Fast: Optimizing React Apps in Practice

React is slow - just like other frontend frameworks. But if you care about performance, it's fairly easy to make any React application super fast. Here is how.
No comment yet.
Scooped by Mickael Ruau
February 15, 2017 9:45 AM
Scoop.it!

Qu'est-ce que EcoIndex ? | Ecoindex

EcoIndex est une note sur 100. Plus la note est élevée et meilleure est la performance environnementale. Nous avons choisi cette représentation car c’est la plus couramment utilisée sur le web pour évaluer d’autres dimensions telles que la qualité, la performance, l’accessibilité, etc.

Les bornes de l’échelle de l’EcoIndex (0 à 100) ont été mises au point et validées en analysant la base HTTParchive (500 000 URLs).

L’EcoIndex est calculé à partir de trois mesures physiques objectives : taille du DOM, Ko transférés, nombre de requêtes HTTP. Ces trois indicateurs sont associés via une moyenne pondérée avec 3 pour le DOM, 2 pour les requêtes HTTP et 1 pour la bande passante consommée.

http://www.ecoindex.fr/wp-content/uploads/2016/09/ecoindex-formule-300x66.gif" alt="Formule EcoIndex v2">

Afin de prendre en compte la disparité dans les mesures des 3 indicateurs (DOM, Ko, requêtes HTTP), nous positionnons la valeur constatée (DOM, req. HTTP, Ko) dans un quantile en tenant compte de sa proximité avec les bornes inférieures / supérieures du quantile.

No comment yet.
Scooped by Mickael Ruau
February 14, 2017 3:31 AM
Scoop.it!

JavaScript Start-up Performance – Dev Channel

JavaScript Start-up Performance – Dev Channel | EcoConception Logicielle | Scoop.it
As web developers, we know how easy it is to end up with web page bloat. But loading a webpage is much more than shipping bytes down the wire. Once the browser has downloaded our page’s scripts it…
No comment yet.
Rescooped by Mickael Ruau from Planète DDurable
February 13, 2017 4:20 AM
Scoop.it!

Petit manuel des bonnes pratiques écolos sur Internet

Petit manuel des bonnes pratiques écolos sur Internet | EcoConception Logicielle | Scoop.it


Derrière Internet se cache une industrie polluante qui représente entre 2 % et 10 % des émissions de gaz à effet de serre, soit plus que l’aviation. Certains usages permettent cependant de limiter ces émissions.

1. Faire le vide dans sa messagerie

Les centaines — voire milliers pour certain-es — de courriels dont regorgent nos messageries mobilisent l’énergie des serveurs en permanence, rien que pour être stockés. Le premier réflexe consiste donc à se retrousser les manches et à supprimer tous les (...)

Via Hubert MESSMER
No comment yet.
Scooped by Mickael Ruau
February 10, 2017 3:45 AM
Scoop.it!

Découvrez le design circulaire, l'adaptation du design thinking par IDEO

Découvrez le design circulaire, l'adaptation du design thinking par IDEO | EcoConception Logicielle | Scoop.it
IDEO propose une méthodologie de conception essentiellement basée sur le principe d'adaptation en continue
No comment yet.
Scooped by Mickael Ruau
February 9, 2017 8:05 AM
Scoop.it!

How to Make Your Site Insanely Fast

How to Make Your Site Insanely Fast | EcoConception Logicielle | Scoop.it

For starters, the key to faster pages is reducing the front-end load time. For the end-user, 80% of the response time is tied up in HTTP requests. This is the performance golden rule. That means you have to minimize those requests.

Mickael Ruau's insight:

There are two things you need to do to make sure your web content compresses effectively:

  • Create consistency across your HTML and CSS code. This happens when you:
    • Order the CSS key-value pairs in a common sense way, e.g., alphabetically.
    • Do the same with your HTML attributes.
    • Be consistent with your casing and use lowercase as often as possible.
    • Make sure you are consistent with your HTML tag attribute quotes.
  • Minify JavaScript and CSS. By getting rid of unnecessary line breaks, extra space, etc, you will speed up parsing, downloading and executing.
No comment yet.
Scooped by Mickael Ruau
February 9, 2017 4:38 AM
Scoop.it!

Optimizing the Default HTML5 Video - Rigor

Optimizing the Default HTML5 Video - Rigor | EcoConception Logicielle | Scoop.it
I’ve written a couple of articles now on optimizing HTML5 video, specifically focusing on MP4 videos. That is because all modern browsers support HTML5 video using the MP4 video format, so it’s wildly used and offers a lot of great opportunities to optimize. However, there are two other HTML5 video formats, WebM and Ogg Video. …
No comment yet.
Scooped by Mickael Ruau
February 7, 2017 5:41 AM
Scoop.it!

10 outils gratuits pour tester la vitesse de votre site e-commerce

Mickael Ruau's insight:

Aller, je vais vous faire une petite frayeur avant de continuer :

  • l’utilisateur a l’impression d’avoir une réponse instantanée avec un temps d’attente inférieur à 0.1 secondes (là on est les meilleurs !)
  • passée 1 seconde l’internaute ressent un temps d’attente (là on est très très bon)
  • au-delà de 8 secondes vous risquez de perdre plus de 47% des internautes ! (là on a du souci à se faire)
  • « Les études donnent parfois des résultats différents. Certaines annoncent 2,8% de perte de CA pour 1 seconde de plus de chargement, -4,3% de CA pour 2 secondes. Amazon avait déjà fait le constat auparavant : 0,1s de plus de temps de chargement en plus leur coûtait 1% de chiffre d’affaire. » (à prendre avec des pincettes du fait du manque de sources)
  • Selon une étude de Compuware Gomez mentionnée par Silicon.fr :
    « 32 % des utilisateurs [quittent un site web s’il est considéré trop lent] au bout d’une fourchette de temps allant d’une à cinq secondes. »
    « 37 % des internautes assurent qu’ils n’ont guère envie de retourner sur un site lent. 27 % se disent même prêts à passer à la concurrence »
    « 39 % des personnes questionnées pensent que la vitesse compte plus que la fonctionnalité »

 

Après les tests de chargement : optimisations !

« Chef c’est bon, on sait que le site se charge en 4,783s ! » Ok, et alors ?! Qu’est-ce qu’on fait ??

Et bien on peut déjà mettre en place certaines choses pour améliorer la vitesse de chargement de son site internet marchand ou non :

  • délivrer le contenu image, Javascript et CSS par un serveur plus performant : nginx par exemple pour les images, utilisation d’un domaine ou sous-domaine différent
  • regrouper les images dans des sprites pour diminuer le nombre de connexions (voir l’article de Alsacréations ou celui de PrestaShop)
  • compresser les fichiers JS et CSS notamment via l’outil minify
  • avoir un temps de génération de page correct, dans l’idéal maximum 500ms mais 1 à 2s sont plus réalistes
  • si possible intégrer les tags après le chargement de la page pour éviter tout blocage si indisponibilité d’un tag
  • lire les astuces d’optimisations de PrestaShop
No comment yet.
Scooped by Mickael Ruau
February 7, 2017 3:04 AM
Scoop.it!

10 Tips for High Performance Web Sites

Kent Alstad, VP of Acceleration for Radware, presents 10 different techniques for improving web performance, rating each by difficulty, risk and reward -- from…
No comment yet.
Scooped by Mickael Ruau
February 6, 2017 4:41 PM
Scoop.it!

Vidéo : Le petit génie congolais qui recycle les déchets en objets électroniques

Vidéo : Le petit génie congolais qui recycle les déchets en objets électroniques | EcoConception Logicielle | Scoop.it
Suivez l'actualité internationale avec les meilleures images amateurs et témoignages de nos Observateurs. Tous les contenus sont vérifiés et expliqués
No comment yet.