 Your new post is loading...
Your new post is loading...
Scoop.it!
Techniques for improving JavaScript performance in web applications, particularly when running in Chrome's V8 engine. 
No comment yet.
Sign up to comment
Scoop.it!
JavaScript’s constructors have never been particularly popular: Douglas Crockford doesn’t like them and recently, more anti-constructor material has been published (two examples: blog posts by Kyle Simpson and Eric Elliott). In this blog post, I explain that not all of the constructors’ flaws are real. But even with those that are real, I still recommend to use them. I’ll tell you why and what the future holds for constructors.
Mickael Ruau's insight:
For ECMAScript 5, I recommend to: always use constructorsalways use new when creating an instanceThe main advantages of doing so are: Your code better fits into the JavaScript mainstream and is more likely to be portable between frameworks.Speed advantages. In modern engines, using instances of constructors is very fast (e.g. via hidden classes).Classes, the default inheritance construct in ECMAScript 6 (see below), will be based on constructors.There are a few arguments against using constructors and newin the manner described above. The following sections answer those arguments.
Scoop.it!
Key FeaturesData & Reports for all on and off-network printersGuide users to the most cost-effective printersDuplex, PDF or print in B&W with a single clickEasily identify expensive USB or other high cost printersInteractive print preview helps users reduce print wasteGreenPrint products are easy to deploy & simple to use
Scoop.it!
la récupération et le retraitement de déchets électriques et électroniques est encore bien peu développée en France..pourtant cette initiative permet de cr
Mickael Ruau's insight:
Actuellement, plus de 11 millions de foyers français n’ont pas d’ordinateur chez eux, tandis que plusieurs millions d’ordinateurs usagés sont envoyés à la casse chaque année par les entreprises… Par ailleurs, selon un rapport du Conseil général dudéveloppement et de l’environnement durable, la France est quatre a dix fois moins efficace que ses voisins européens pour collecter les déchets électroniques. Pour bon nombre d’associations, ce gâchis est inacceptable. C’est pourquoi, les Ateliers du Bocage, qui appartiennent à la Branche Economie Solidaire et Insertion d’Emmaüs, proposent d’acheter des équipements reconditionnés. Ces derniers sont testés, et toujours traités par le savoir-faire des professionnels du recyclage d’Emmaüs.
Scoop.it!
Objectifs du projet Le projet vise à proposer une solution informatique innovante (matérielle et logicielle) prenant en compte les préoccupations (...)
Scoop.it!
Les moteurs de recherche sont devenus incontournables.Selon les Officiels américains, les data centers consomment maintenant 3% de l'énergie mondiale et de
Mickael Ruau's insight:
Ces petits calculs sur l’impact d’un sms ou d’une recherche sur internet mais cela met en lumière le poids toujours croissant de l’industrie informatique en termes d’émission de gaz à effet de serre.
Scoop.it!
Chaque seconde nous produisons 60 kilos de déchets électroniques (DEEE) en France, soit 1,7 à 2 milliards de kilos de déchets électroniques et électroménagers par an : cette quantité croit de 3 à 5% par an...
Mickael Ruau's insight:
Un français génère entre 20 et 28 kg de DEEE par an (14 kg à titre personnel, le reste via activité professionnelle). A peine 5 kg étaient collectés et retraités correctement en 2009. Le reste est exporté illégalement en Asie et en Afrique ou enfoui en France.Les entreprises de retraitement de déchets profiteront de l'augmentation des volumes de déchets électroniques.
Scoop.it!
N'imprimer des documents que lorsque cela est vraiment nécessaire est aujourd'hui devenu automatique ou presque. GreenCloud Printer propose un petit coup d
Scoop.it!
I’ve been coding out the redesign for a responsive website and it’s been a lot of fun…and a lot of media queries. A few of the media queries have multiple conditions so I have `and` sprinkled into them quite a bit.
Scoop.it!
The benefits of having clean, organized CSS are numerous. A site with immaculate CSS will load more quickly, appear more prominently in search results, and serve as a stellar testament of your professionalism for future clients.
Scoop.it!
CSSO (CSS Optimizer) is a CSS minimizer that also performs structural optimization of your CSS files. It does everything from removing whitespace and comments to merging blocks with identical selectors or properties, and much more.
Scoop.it!
Accélérer un site doit faire aujourd'hui partie des compétences de base des développeurs web, pourtant des nouvelles techniques et stratégies sortent tous les jours.
Scoop.it!
As we saw a few weeks ago, the weight of an average web page is now almost 1.5MB (median ~1MB), with > 50% of this being images. It's a harsh reminder that many
|
Scoop.it!
Array.prototype contains many generic methods that can be applied to array-like objects. [] is a popular shortcut for accessing these methods. This post examines the pros and cons of using that shortcut.
Mickael Ruau's insight:
Results (iMac, 2.7 GHz Intel Core i5): The time differences are not exactly earth-shattering. Thus, unless you are working with performance-critical code, you should choose whatever you think reads best (as opposed to what is easiest to write).
Scoop.it!
GreenPrint eliminates unwanted pages before they are printedHighlightsMakes it easy to eliminate unwanted pages before they are printedAnalyzes and highlights pages with typical waste characteristicsEasily Remove images before printing to save ink and tonerOne click PDF creation makes it easy to save web pages instead of printingTracks pages, trees and money saved
Mickael Ruau's insight:
Our product line includes two options for home users: Greenprint World, our free version of the software, and GreenPrint Home Premium. Get GreenPrint Now Latest Version: V2.6 Released: 22nd Jan, 2013Already bought GreenPrint V1? Upgrade to V2 for $10
Scoop.it!
GreenPrint est un logiciel qui va vous permettre d'économiser de l'encre et du papier lors de vos impressions. Le logiciel installe une imprimante virtuelle pour retoucher vos impressions pour économiser encre et papier en vous proposant de...
Scoop.it!
Equipé d'un chargeur solaire et destiné aux marchés émergents, l'ordinateur portable Sol cible d'abord l'Afrique.
Mickael Ruau's insight:
Fabriqué en collaboration avec Intel, Sol intègre un chargeur solaire de 45 Watts qui, après deux heures d'exposition, offre dix heures d'autonomie, notamment grâce à un écran HD très peu gourmand en énergie.
Scoop.it!
Il existe plusieurs moteurs de recherche dits ethiques qui vous permettent de faire un geste en faveur de l'environnement, ou de l'association de votre choix.
Scoop.it!
Rechercher une page web en aidant à replanter des arbres c'est possible. Tout ça gratuitement, grâce à Ecosia, le moteur de recherche vert !
Scoop.it!
GreenCloud Printer is a software for Windows. It works like a virtual printer before you really print. It previews your job and allow you to save paper and ink. It’s a eco-friendly app which will reward you when you save some pages to print. For business, it’s a Cost-killer app. Download it now !
Scoop.it!
7 conseils à suivre pour des medias queries efficaces.
Scoop.it!
When I meet with game studios, I often have the same question put to me over and over: if I’m writing/porting my game in HTML5, will it run well on the various targeted devices? Will it be playable or will the gameplay suffer too much?
Scoop.it!
SommaireBasic memory managementData persistenceThread-Safe Resource Manager
Memory management in the Zend Engine is deceptively simple. There are some APIs to learn, and some concepts behind them to understand, but that's about all.
Scoop.it!
Mesurer la performance est important. Vous ne pouvez pas vous améliorer si vous ne savez pas d'où vous partez. Combien de temps devriez-vous vraiment passer à mesurer ? À quel moment devriez-vous d...
Scoop.it!
Les développeurs disent souvent que l'un de leurs objectifs est d'être "rapide". Pourtant, lorsqu'ils délivrent, leurs clients se plaignent souvent que c'est lent et pas assez réactif.
Mickael Ruau's insight:
Une manière de déterminer si une application est "rapide" ou non est de la voir en termes de "classes d'interaction". Une classe d'interaction est utilisée pour décrire un type d'interaction et un temps acceptable pour l'exécution de celui-ci. Voici quelques exemples utilisés par Microsoft sur leurs projets : Rapide : 100 à 200 ms - Cliquer sur un bouton, ouvrir un menu, faire apparaître une barre d'applicationStandard : 300 à 500 ms - Redimensionner, Zoom SémantiqueRéactif : 500 ms à 1 sec - Naviguer vers une autre pageDémarrer : 1 à 3 s - Démarrer une applicationContinue : 500 ms à 5 sec - Télécharger des fichiersCaptif : 500 ms à 10 secondes - Opérations longues. L'utilisateur peut changer d'application en attendantLes interactions complexes peuvent être détaillées en plages de temps différentes. Par exemple, naviguer vers une page de résultats de recherche peut nécessiter trois plages : Premier retour (Rapide) : L'utilisateur voit que quelque chose a démarré de telle sorte qu'il n'essaye pas de recliquer le bouton de rechercheRéactif : L'information textuelle des résultats de recherche est visible et l'UI est utilisable.Visibilité entière (Continue) : Tout le contenu est chargé, y compris les images.
|
It's important to indentify and understand how the V8 engine works with your code to prepare to build performant JavaScript. Once more, the basic advice is:
Be prepared before you have (or notice) a problemThen, identify and understand the crux of your problemFinally, fix what mattersThis means you should ensure the problem is in your JavaScript, by using other tools like PageSpeed first; possibly reducing to to pure JavaScript (no DOM) before collecting metrics, and then use those metrics to locate bottlenecks and eliminate the important ones. Hopefully Daniel's talk (and this article) will help you understand better how V8 runs JavaScript - but be sure to focus on optimizing your own algorithms, too!
ReferencesDaniel's talk on YouTubeDaniel's slide deckI-want-to-optimize-my-JS-application-on-V8 checklist by Vyacheslav Egorov, V8 Engineer