Frise chronologique

La frise chronologique suit à la trace les opérations réalisées par Gecko, le moteur du navigateur.Il faut aller dans les the devtools options des outils de developemment pour activer la frise chronologique.

Pour le moment, la frise chronologique couvre les éléments suivants :

  • reflows (aussi appelés Layout) : Le moteur a calculé la géométrie d'un ou plusieurs nœuds.
  • restyle : le style a été recalculé.
  • paint : une partie de la page a été redessinée.
  • console : appels à la fonction console.time(label) et/ou console.timeEnd(label);
  • Éènements DOM : les évènements tel que "click", "input", "keydown" etc...

Les opérations reflows, restyle et paint ont lieu dans le "thread" principal et peut retarder ou être retardé à cause des opérations lentes (reflows, exécution de script, beaucoup de restyle, etc...).

Timeline Screenshot

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : teoli, maximelore
 Dernière mise à jour par : maximelore,