On m’a posé quelques fois la question alors voici la réponse : Oui.
Oui il faut, quand vous le pouvez, utiliser les liens centralisés de Google ou de Yahoo pour vos bibliothèques javascript. Je parle de ne pas recopier jquery ou yui directement sur vos serveurs, mais d’utiliser les liens centralisés proposés par les deux moteurs de recherche.
Voilà pour la réponse générique, ensuite on peut détailler un peu.
Je vous avais parlé il y a quelques temps de webpagetest.org, la version en ligne de AOL Pagetest. C’est un des outils de base pour la mesure de performance dans le navigateur, avec des résultats très complets.
Il ne s’agit pas de revenir sur l’outil, mais de vous signaler une vidéo (en anglais) qui détaille pendant 25 minutes comment utiliser l’outil et ce qu’il propose. Si vous souhaitiez une introduction, la voici. On y parle non seulement de l’outil, mais des connexions TCP, des CDN, etc.
La seconde nouveauté c’est l’arrivé dans l’outil en ligne de nouvelles statistiques pour votre analyse. (Lire la suite…)
Que fait le navigateur pendant le rendu ? pourquoi est-ce si long ?
La question est complexe à répondre pour qui n’a pas touché au moteur d’un navigateur. Pour vous donner un premier aperçu, vous avez toutefois trois vidéo (faites par Satoshi Ueyamai pour une présentation au Japon). Elles vous montrent les différentes étapes de rendu du moteur Gecko pour les sites Mozilla.org, Wikipedia.org, et Google.jp. Plus exactement on visualise le reflow, c’est à dire l’événement interne qui indique qu’il faut recalculer les tailles et positionnement (si je ne m’abuse, c’est un domaine que je ne connais pas bien et toute précision est la bienvenue). je ne sais pas bien comment exploiter, mais au moins ça permet de constater.
Ces vidéos ont été obtenues en modifiant le code de Mozilla. Daniel Glazman nous avait dit aux dernières conférences Paris Web qu’il était désormais possible de réaliser cela via une extension depuis les dernières versions de Mozilla. Si quelqu’un souhaite se lancer…
En attendant Matthew Buchanan vous propose une extension pour voir le rendu progressif au fur et à mesure que la feuille de style est interprétée.
À mettre aussi en rapport avec l’intervention de David Baron dont je parlais en novembre.