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/ouconsole.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...).
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
teoli,
maximelore
Dernière mise à jour par :
maximelore,