Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
 Your new post is loading...
Your new post is loading...
Scoop.it!
Today, JavaScript has become one of the most used languages for web development. However, it has to pass so many hurdles to climb up to this stage. One such milestone is behind its execution speed… 
No comment yet.
Sign up to comment
Scoop.it!
How browsers schedule and execute scripts can impact the performance of web pages. While techniques like <script defer>, <link rel=preload> (and others) influence script loading, knowing how browsers interpret them can also be helpful. Thanks to Kouhei Ueno, we now have an up to date summary of script scheduling in Chrome. Loading priority(network/Blink) Execution priority Where should this be used? <script> in <head> Medium/High VeryHigh - Blocks parser
<script async> hack or <script type=module async> Medium/High High -Interrupts parser
Interrupts parser Be careful when considering <script async>. Today it is often used to indicate non-critical scripts, but is inconsistent in being loaded at low priority and executed at high priority. <script defer> Lowest/Low VeryLow - Runs after <script>s at end of <body>
Waits parser end Be careful when using <script> at the end of <body> when you think they are low priority. These scripts are scheduled at Medium/High priority. <script defer> at the end of <body> Lowest/Low - end of the queue VeryLow - Runs after <script>s at end of <body>
Examples:
Note: Loading priorities are not guaranteed to be consistent cross-browser so use this knowledge wisely and measure when unsure. Ideally, aim to delivery a great experience to the widest number of users possible. If you're a web developer wondering where you can see the "Loading Priority", Chrome DevTools has an optional "Priority" column available in the Network panel. Right-click the column headers and you can switch it on:
Scoop.it!
Caret : une application particulièrement performante en matière d'édition HTML. Elle permet de créer des fichiers HTML en deux coups de cuillères à pots. L'aide à la saisie est intégrées, ce qui facilite énormément la création de fichiers Web. L'indentation du code est automatique. Vraiment care, est une extension très performante.
Scoop.it!
Google Chrome Canary has the newest of the new Chrome features.
Scoop.it!
Of course in order to realize the gaps left behind by the Devtools, a developer must first acquire an in depth working knowledge of the DevTools themselves. So, let’s talk about getting good with DevTools first before we talk about extending Chrome with front-end development aids.
Scoop.it!
Bonne nouvelle pour les développeurs HTML5 de Google Chrome au début de cette semaine. En Septembre déjà, l’équipe de développeurs de Google Chrome annoncait par la voix de son directeur d’ingénierie Erik Kay, la nouvelle possibilité d’exécuter les applications HTML5 de Google Chrome (Chrome apps) sur les plateformes Windows et Mac OS X. Depuis hier,… Lire cet article » Via Guillaume Mignotte
Guillaume Mignotte's curator insight,
February 2, 2014 3:50 AM
Liens utiles : Apache cordova : http://cordova.apache.org/ Dépot GIT HUB de Chrome-Cordova : https://github.com/MobileChromeApps/chrome-cordova
Scoop.it!
Google Chrome: Supprimer seulement les cookies du site que vous visitez avec Remove cookies for site
Remove cookies for site est une extension bien pratique pour le navigateurGoogle Chrome qui va vous permettre de supprimer tous les cookies d'un site en un clic. Via Frédéric DEBAILLEUL
|
Scoop.it!
Scoop.it!
Les utilisateurs peuvent maintenant installer des PWA sur Windows et Linux !
Mickael Ruau's insight:
Progressive Web Apps (PWA) desktop sur Windows et Linux
Scoop.it!
![SOAT Blog » [Devoxx 2016] Construire facilement une application desktop grâce à Electron ! | Bonnes Pratiques Web & Cloud | Scoop.it](https://img.scoop.it/s7kxai14BSZIZirv9BLerjl72eJkfbmt4t8yenImKBVvK0kTmF0xjctABnaLJIm9)
Electron est tout simplement un assemblage de deux projets bien connus : NodeJS et Chromium. Grâce à ce principe de fonctionnement, Electron est naturellement une solution cross-plateforme. Et pour faire une application de bureau, il ne reste plus qu’à écrire… Une application web !!
Scoop.it!
Learn how Chrome DevTools can sharpen your dev process and discover the tools that can optimize your workflow and make life easier.
Scoop.it!
Google vient de sortir la version 38 de son navigateur Chrome il y a quelques jours et celle-ci s'annonce déjà palpitante pour nos intégrations responsives : outre les supports de et du couple "srcset + sizes", son inspecteur d'élément fait un énorme pas en avant et se dépasse à présent les fonctionnalités offertes par la vue responsive de Mozilla Firefox.
Scoop.it!
This tutorial walks you through creating your first Chrome App. Chrome Apps are structured similarly to extensions so current developers will recognize the manifest and packaging methods. When you're done, you'll just need to produce a zip file of your code and assets in order to publish your app.
Mickael Ruau's insight:
A Chrome App contains these components:
Scoop.it!
Take a look at your extensions, do you really use all of them all the time? Rather not. Do you know that these unused extensions are taking resources and space from you? They may also bug you with distracting icon animations and notifications. With Context you can stop that. Simply put extensions that you use for work, fun, shopping, socializing etc. into different groups ("contexts") and with one click switch between them. . Via Frédéric DEBAILLEUL
Mickael Ruau's insight:
Super pratique pour le dévelopepment : un contexte pour le déboguage, un autre pour les tests, etc.
Frédéric DEBAILLEUL's curator insight,
July 24, 2013 2:57 AM
Extension indispensable, selon moi, pour qui souhaite alléger son navigateur en fonction du "contexte" d'utilisation... |
When you create a new object, the V8 engine will create a new hidden class for that. Then, if you modify that same object by adding a new property, the V8 engine will create a new hidden class with all the properties from the previous class and include the new property.