"As our pages/apps become more interactive, the complexity of CSS increases, and browsers start to support more and more “advanced” CSS features, CSS performance will probably become even more important. The existing tools are only scratching the surface." Let's try Opera's new ones.
Le chargement asynchrone des scripts tiers est certes en pas en direction de la performance Web, mais la plupart du temps il n'est pas suffisant. En effet, l'utilisation des méthodes d'écriture de DOM asynchrones que sont le document.write d'un script, l'insertBefore ou l'appendChild retarde window.onload. Et si le script charge un autre script, ce délai est prolongé (8 fichiers pour le bouton Like Facebook, 6 pour Twitter...).
Présentation sur l'accélération du chargement des JS en utilisant les attributs ASYNC, DEFER, ou des composants externes comme LabJS. Le slide 46, notamment, résume bien le contenu de la présentation et est suivi de quelques portions de code réutilisable concernant les Third Parties sociaux (Twitter, Facebook, Google Plus...).
Construction d'une interface de Web App efficace et performante en HTML5.
Mobile Perf Bookmarklet permet d’avoir accès, dans n’importe quel contexte (Desktop, Mobile…) à un ensemble d’outils JS (Firebug Lite, Resources, DOM Monster, YSlow, Zoompf…) et d’exporter les données sur JDrop pour les consulter plus tard.
Même si les internautes ne se plaignaient pas de la performance du site, Artbeads a fait le pari qu'une optimisation entrainerait un gain. Partis avec en tête une augmentation de CA de 2.5%, ils eurent la surprise de constater, après optimisation, une augmentation du revenu par visite de 8% et du revenu global de 6%.
Etude de cas Mappy pour la Web Perf.
Conseils et méthodes pour analyser la performance Web à l'aide de Google Analytics.
Utilisation d'une tâche de compilation MS (typiquement incorporée à une Build VisualStudio ou TFS) pour lancer YUI Compressor à la volée sur les JS et CSS.
Performances du Cloud depuis une perspective "End User". Données issues de Cedexis sur un échantillon de 7 jours, distribuées en Creative Commons.
Web Application de compilation de code Javascript. Permet également une minification pertinente.
Closure Compiler est un outil destiné à rendre le code Javascript téléchargeable et exécutable plus rapidement. Disponible sous la forme d'une application Java, d'une application Web ou d'une API Rest
Limitations d'Internet Explorer sur le nombre et la taille des fichiers CSS importés. A voir si cela se produit également avec les JS.
Un exemple d'optimisation, à lire, comprendre et assimiler.
"Enfin un schéma simple montrant la différence entre async, defer et rien" (nhoizey)
On ne le dira jamais assez : la vélocité de chargement des pages d'un site est une des caractéristiques principales qui motivent la décision d'un visiteur d’entamer une action complémentaire (consultation, navigation, achat).
- 37% des internautes déclar