EcoConception Logicielle
9.0K views | +0 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
November 30, 2013 10:29 AM
Scoop.it!

Rethinking JavaScript’s Try/Catch

Rethinking JavaScript’s Try/Catch | EcoConception Logicielle | Scoop.it

The try/catch block is a unique construct, both in how it works and what it is capable of. Fundamentally, it is able to isolate one or more statements to capture and suppress any runtime errors that may be encountered as a result of execution. It is such a powerful construct that in a perfect world you would want to wrap everything in a try/catch block to provide simple and effective error trapping. However, due to concerns in performance critical situations, employing it is often frowned upon in JavaScript. But what if I told you there was a means of emulating the try/catch block in JavaScript without the concern for performance? This article will be exploring just such a method.

 

Mickael Ruau's insight:
Performance Implications of the Try/Catch Block

What makes this construct unique is in the manner in which the catch block augments the scope chain. Rather than creating a new execution context and pushing it to the top of the execution stack, the catch block will actually create a new variable object and place it ahead of the activation object in the scope chain of the current execution context. This creates what is known as a dynamic scope, similar to the effect of the with statement, which lends to its bad reputation as well. As a result, the error object passed to the catch block does not exist outside of it, even within the same scope. It is created at the start of the catch clause and destroyed at the end of it. This type of manipulation of the scope chain is the primary reason for the performance hit.

 

At this point you may be thinking that as long as an error is not raised than performance should not be affected. That is a fair assumption, but you’d be wrong. Some JavaScript engines, such as V8 (Chrome) do not optimize functions that make use of a try/catch block as the optimizing compiler will skip it when encountered. No matter what context you use a try/catch block in, there will always be an inherent performance hit, quite possibly a substantial one.

 

 

These limitations are well documented, for instance, look at the following test cases: http://jsperf.com/try-catch-block-performance-comparisonand http://jsperf.com/try-catch-block-loop-performance-comparison.

 

The former confirms that not only is there up to a 90% loss in performance when no error even occurs, but the performance is significantly worse when an error is raised and control enters the catch block. The latter test case proves that the loss is compounded in loops, where most performance intensive operations typically occur.

No comment yet.
Rescooped by Mickael Ruau from Web Increase
November 29, 2013 2:18 PM
Scoop.it!

Turn Off Hovers on Scroll

Sometimes hover effects can cause redraws and repaints and whatnot that take time and reduce performance. As you scroll down a page, you're likely inadvertently triggering hover events that have no meaning while you scroll.

Via Jean-Jacques Roland
No comment yet.
Scooped by Mickael Ruau
November 28, 2013 3:33 PM
Scoop.it!

Démarche et diagnostic d'optimisation des performances | TheCodingMachine

Démarche et diagnostic d'optimisation des performances | TheCodingMachine | EcoConception Logicielle | Scoop.it
The Coding Machine a écrit ce livre blanc pour essayer de définir la démarche à mettre en oeuvre dans le cadre de l'amélioration des performances d'une application web.
Mickael Ruau's insight:

1. Ne recevoir aucune chose pour vraie tant que son esprit ne l'aura clairement et distinctement assimilé préalablement.
2. Trier ses difficultés afin de mieux les examiner et les résoudre.
3. Établir un ordre de pensées, en commençant par les plus simples jusqu'aux plus complexes et diverses, et ainsi de les retenir toutes et en ordre.
4. Passer toutes les choses en revue afin de ne rien omettre.

Descartes, discours de la méthode.

No comment yet.
Scooped by Mickael Ruau
November 28, 2013 3:08 PM
Scoop.it!

Pédaler pour surfer

Pédaler pour surfer | EcoConception Logicielle | Scoop.it

Une campagne de crowdfunding vise à construire un modèle de vélo d’appartement à générateur électrique pour fabriquer soi-même un peu d’électricité « bio » à la maison. Le vélo permet aux hommes de se déplacer à peu près 10 fois plus vite et plus loin qu’en marchant, sans efforts insurmontables. Cette efficacité remarquable des pédales est mise à profit dans bien d’autres activités que nos déplacements. Les machines à coudre par exemple ont longtemps fonctionné sur le même principe.

 

Bertrand MONFORT's curator insight, November 29, 2013 1:02 PM

D'accord pour financer ce vélo-générateur-électrique d'appartement en crowdfunding... à condition que cela débouche sur des plans "do it yourself" en licence creative commons et open source ...

Tu understand moi ? :-p !

Scooped by Mickael Ruau
November 28, 2013 7:21 AM
Scoop.it!

Question | Silicon

Question | Silicon | EcoConception Logicielle | Scoop.it

Energie solaire, éoliennes, gaz, compost... saurez-vous trouver les énergies alternatives vers lesquelles se tournent les grands noms de l'IT ?

 

 

No comment yet.
Scooped by Mickael Ruau
November 28, 2013 6:17 AM
Scoop.it!

Greenspector

Greenspector | EcoConception Logicielle | Scoop.it

EVALUEZ PROCHAINEMENT ET GRATUITEMENT LE NIVEAU D'ECO-CONCEPTION DE VOTRE APPLICATION

Inscrivez-vous pour être averti en exclusivité de la sortie prochaine de Greenspector

 

Mickael Ruau's insight:
Greenspector est issus du projet Code Vert qui a pour objectif de définir des règles d'éco-conception logicielles. La mesure des gains de ses règles étaient un des objectifs principaux. Et les résultats sont concluants.

en savoir + sur le site Code vert

No comment yet.
Scooped by Mickael Ruau
November 23, 2013 11:15 AM
Scoop.it!

jQuery Performance Rules

jQuery Performance Rules | EcoConception Logicielle | Scoop.it

Once upon a time, all we needed to worry about was reducing Bytes and Requests and playing around with load order to make things faster. Nowadays, we are increasingly impacting one more major component in performance – CPU utilization. Using jQuery and other frameworks that make selecting nodes and DOM manipulation easy can have adverse affects if you’re not careful and follow some simple practices for reducing the work the browser has to do.

 
Mickael Ruau's insight:
Always Descend From an #idUse Tags Before ClassesCache jQuery ObjectsHarness the Power of ChainingUse Sub-queriesLimit Direct DOM ManipulationLeverage Event Delegation (a.k.a. Bubbling)Eliminate Query WasteDefer to $(window).loadCompress Your JSLearn the Library
No comment yet.
Scooped by Mickael Ruau
November 23, 2013 11:13 AM
Scoop.it!

Optimisation CSS : Optimiser Une Feuille De Style Temps De Chargement Et Poids Des Pages

Optimisation CSS : Optimiser Une Feuille De Style Temps De Chargement Et Poids Des Pages | EcoConception Logicielle | Scoop.it

L'optimisation CSS : méthodes et outils pour gagner en performances d'affichage.

Mickael Ruau's insight:
Eviter @import et charger les CSS le plus tôt possible

C'est un classique : il faut faire le chargement des CSS dans le header. Et la première chose à faire est d'utiliser <link> à la place de @import, c'est beaucoup plus rapide. Au passage, vérifiez que vous n'avez pas de code css directement dans les balises HTML du body, c'est complétement anti productif.

 

(...)

Nettoyer le code CSS

Avec le temps, il arrive que pas mal de code mort traine. Un nettoyage de printemps s'impose.Supprimez donc tout ce qui ne sert plus à rien. On y gagne en lisibilité et en taille. C'est parfois assez long à faire manuellement aussi rassurez vous, il existe un plugin pour firefox qui automatise le travail : Dust-me.

 

(...)

Eviter les wild cards en CSS

Gros point noir du CSS, les wild cards (*,%) sont consommatrices au possible ! Evitez donc leur emploi au maximum.

No comment yet.
Scooped by Mickael Ruau
November 23, 2013 11:09 AM
Scoop.it!

Optimisation des fichiers CSS

Optimisation des fichiers CSS | EcoConception Logicielle | Scoop.it

Cet article est la traduction de : Optimized Css Files. Retrouvez toutes les traductions de CSS Globe disponibles surcssglobe.developpez.com.

Un article récemment soumis à la communauté CSS Globe m'a rappelé un sujet sur lequel je voulais m'exprimer : l'optimisation du code CSS.

 

 

 
Mickael Ruau's insight:

Comme vous le savez il y a beaucoup d'optimiseurs CSS en ligne qui vous aideront à réduire la taille de votre fichier CSS. Mais pour moi, un code solide et optimisé devrait être généré par l'homme.

 

Cet article aura donc pour but de vous expliquer comment optimiser correctement votre code CSS.

No comment yet.
Scooped by Mickael Ruau
November 23, 2013 9:11 AM
Scoop.it!

Performances Web : stratégie de cache

La question du cache et des performances fait partie du lot commun du développeur Web.
No comment yet.
Rescooped by Mickael Ruau from Green IT 1.0, 1.5, 2.0
November 22, 2013 6:40 AM
Scoop.it!

Comment rendre les « data centers » plus sobres

Comment rendre les « data centers » plus sobres | EcoConception Logicielle | Scoop.it
Plusieurs pistes devraient permettre de limiter la consommation électrique des « data centers ». A terme, le refroidissement des serveurs...

Via Alliance Green IT (AGIT)
No comment yet.
Rescooped by Mickael Ruau from Outils, logiciels et tutos : de la curiosité à l'indispensable
November 21, 2013 3:16 AM
Scoop.it!

APK Downloader : la solution facile pour télécharger des applications Android - Tablette-Tactile.net

APK Downloader : la solution facile pour télécharger des applications Android - Tablette-Tactile.net | EcoConception Logicielle | Scoop.it

Si votre appareil n’est pas compatible avec une application ou si vous ne possédez pas le PlayStore, APK Downloader vous rendra un grand service.


Via CECI Jean-François
Marc Hiard's curator insight, November 21, 2013 11:16 PM

Super simple. Merci

Rescooped by Mickael Ruau from Planète DDurable
November 21, 2013 3:15 AM
Scoop.it!

Recycler pour ne pas polluer des milliers d'années

Recycler pour ne pas polluer des milliers d'années | EcoConception Logicielle | Scoop.it
POLLUTION. A l'occasion de la Semaine européenne de réduction des déchets, metronews s'est penché sur le cas particulier des produits électroniques. Les composants de ces objets tendances peuvent mettre plusieurs milliers d'années à se désagréger. Revue de détail. 

Via Hubert MESSMER
No comment yet.
Scooped by Mickael Ruau
November 30, 2013 10:06 AM
Scoop.it!

10 Principles of Sustainable Web Design Part IV – Prototype

10 Principles of Sustainable Web Design Part IV – Prototype | EcoConception Logicielle | Scoop.it
Principle #5 Prototype (almost) everything in Code
warning sign
It’s Green because: Your earliest design will be influenced by downstream WPO.
Your Competitive Edge: You can apply your benchmarks from the beginning.
No comment yet.
Scooped by Mickael Ruau
November 28, 2013 3:38 PM
Scoop.it!

Rendre plus performant votre code php-javascript | TheCodingMachine

Rendre plus performant votre code php-javascript | TheCodingMachine | EcoConception Logicielle | Scoop.it
The Coding Machine a écrit ce livre blanc pour essayer de définir la démarche à mettre en oeuvre dans le cadre de l'amélioration des performances de votre code php et javascript.
Mickael Ruau's insight:

Utilisez au mieux les ressources de votre serveur pour optimiser le temps d'exécution du code ! Créez des cachesspécifiques, limitez la consommation de RAM et de CPU, déportez l'exécution de votre code.

Stocker les calculs en cacheEnvoi sans calcul - cache spécifiqueMemcacheConfiguration PHP ? ApacheAPC - Cache PHPAutres paramétrages Apache - PHPLimiter la consommation de RAM/CPUFileHandlers et ResultSetsAutoloadDéporter l'exécution du codeMettre en place des traitements asynchronesAjaxEviter les « fausses optimisations » !
No comment yet.
Rescooped by Mickael Ruau from Green IT 1.0, 1.5, 2.0
November 28, 2013 3:09 PM
Scoop.it!

Micro-ondes, nano-électromécaniques et pourquoi ça nous intéresse

Micro-ondes, nano-électromécaniques et pourquoi ça nous intéresse | EcoConception Logicielle | Scoop.it
En collaboration avec le Walther-Meissner-Institute de Garching en Allemagne, les chercheurs de l’École Polytechnique Fédérale de Lausanne ont développé une nouvelle méthode pour contrôler la propagation des micro-ondes.

Via Alliance Green IT (AGIT)
No comment yet.
Scooped by Mickael Ruau
November 28, 2013 3:03 PM
Scoop.it!

Optimiser son site web aux petits oignons | TheCodingMachine

Optimiser son site web aux petits oignons | TheCodingMachine | EcoConception Logicielle | Scoop.it
Toutes les recettes concoctées par TheCodingMachine pour optimiser les performances de votre site web. Amazon indique que si le temps de chargement de la page augmente de 0,1 seconde, les ventes chutent de 1%.
Mickael Ruau's insight:

Voici une check-list simple et des explications pour optimiser votre site

No comment yet.
Rescooped by Mickael Ruau from Green IT 1.0, 1.5, 2.0
November 28, 2013 6:20 AM
Scoop.it!

« Eco-conception web » est un best-seller ! - GreenIT.fr

« Eco-conception web » est un best-seller ! - GreenIT.fr | EcoConception Logicielle | Scoop.it
« Eco-conception web » est un best-seller !
GreenIT.fr
Une mission pilotée par Green IT Consulting. Le référentiel a ensuite été validé et soutenu par l'Alliance Green IT et l'AFDEL.

Via Alliance Green IT (AGIT)
No comment yet.
Scooped by Mickael Ruau
November 23, 2013 11:16 AM
Scoop.it!

jQuery Selector Performance Testing | Sparkbox

jQuery Selector Performance Testing | Sparkbox | EcoConception Logicielle | Scoop.it
Testing the chaining of jQuery find/children methods vs. chaining the selector of one method.
Mickael Ruau's insight:

Chaining multiple methods together as opposed to chaining the selectors in one method is faster. If you're not getting huge amounts of traffic on your site, the difference is so negligible that you'll probably never notice. However, sometimes tiny performance issues can get really big, really fast when they begin to scale. Just ask Twitter.

No comment yet.
Scooped by Mickael Ruau
November 23, 2013 11:14 AM
Scoop.it!

DEVTRENCH CSS Formatteur et Optimiseur (basé sur CSSTidy )

CSS Formatter and Optimiser by DEVTRENCH. This CSS Formatter and Optimizer will format the crap out of your badly formatted css, and optimise it so that it is optimally optimised.
Mickael Ruau's insight:

CSS Formatting can improve readability,structure, and file size of your css files. Powered by csstidy.

No comment yet.
Scooped by Mickael Ruau
November 23, 2013 11:10 AM
Scoop.it!

Optimisation .CSS °° Tutoriel

Optimisation .CSS °° Tutoriel | EcoConception Logicielle | Scoop.it

Comment optimiser ses feuilles de styles ?

 

Pour le faire soit même, il convient de ne pas introduire de lignes inutiles, des propriétés invisibles ou autre... Mais surtout, à chaque fois que l'on saute une ligne ou que l'on réalise un espace, le fichier gagne en taille.

Finalement, optimiser ses feuilles de styles revient à analyser clairement son code, et à se dire "ceci est inutile, je le vire". Mais nous n'avons pas spécifiquement envie de passer 40 heures à le faire.

 

Fort heureusement, il existe divers optimiseurs css en ligne, qui viennent faire le travail de gain de place en deux petits clics de souris.

No comment yet.
Scooped by Mickael Ruau
November 23, 2013 10:59 AM
Scoop.it!

Introduction à la performance web

Introductions aux notions de performances web et des temps d'affichage des pages : notions, avantages financiers, ce qui ralentit le web, comment mesurer, quelq
No comment yet.
Scooped by Mickael Ruau
November 22, 2013 6:40 AM
Scoop.it!

L’ordinateur low-cost à monter soi-même

L’ordinateur low-cost à monter soi-même | EcoConception Logicielle | Scoop.it
D.R. La start-up Kano a lancé une campagne de crowdfunding sur Kickstarter pour financer son ordinateur low-cost révolutionnaire. Ce...
No comment yet.
Scooped by Mickael Ruau
November 21, 2013 5:12 AM
Scoop.it!

On le sait tous, cette règle des 3 R Réduire, Réutiliser et Recycler qui ne date pas d'hier, est pleine de bon sens...

On le sait tous, cette règle des 3 R Réduire, Réutiliser et Recycler qui ne date pas d'hier, est pleine de bon sens... | EcoConception Logicielle | Scoop.it
On le sait tous, cette règle des 3 R Réduire, Réutiliser et Recycler qui ne date pas d'hier, est pleine de bon sens...
Mickael Ruau's insight:

- Réduire les besoins en ressources (réseau, disque dur, mémoire vie, puissance processeur, version d'OS...)

- Réutiliser : faciliter le réemploi des appareils informatique, lutter contre l'obsolescence en maintenant des versions adaptées aux anciens matériels et systèmes

- Recycler : c'est le versant matériel du GreenIT

No comment yet.
Rescooped by Mickael Ruau from Time to Learn
November 21, 2013 3:16 AM
Scoop.it!

Rooter Android: 12 astuces incroyables à découvrir | Trucs et Astuces

Rooter Android: 12 astuces incroyables à découvrir | Trucs et Astuces | EcoConception Logicielle | Scoop.it

Rooter Android c'est libérer le potentiel caché de votre téléphone ou tablette. Cela permet de faire revivre d'anciens appareils, d'accomplir des choses que vous n'auriez jamais cru possibles, de récupérer des fichiers supprimés ou de changer la police de l'interface.


Via Frédéric DEBAILLEUL
No comment yet.