On a parlé des questions de rendu en novembre et plus récemment j’ai ressorti un vieux lien vers trois vidéos montrant les phases de rendu de Gecko. Il y a quelques jours j’ai aussi abordé la lenteur du DOM dans les navigateurs.
Tous les problèmes de performance ne sont pas dus au réseau. Le navigateur lui même prend du temps pour réaliser le rendu de la page web, et optimiser cette partie n’est pas inutile. (Lire la suite…)
Jiffy est un projet mené par Netflix et présenté aux conférences Velocity 2008 (en ligne, pdf, vidéo) par Bill Scoot (tiens, encore un ancien Yahoo!). Personne n’a l’air d’en avoir parlé depuis mais le projet est suffisamment intéressant pour mériter de s’y arrêter. (Lire la suite…)
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.
Je vous en parlais le mois dernier, désormais c’est la vidéo de mon intervention au forum PHP AFUP 2008 qui est disponible en ligne. Les slides eux sont toujours dans mon précédent billet.
Je vous laisse donc regarder la vidéo performance web sur PHPTV, qui a enregistré ça le jour des conférences et publié à Noël. J’espère que certaines choses seront plus claires maintenant.