Référence d'événement dans la chronologie

Meggin Kearney

Flavio Copes

Le mode "Événements de la chronologie" affiche tous les événements déclenchés lors d'un enregistrement. Consultez la documentation de référence sur les événements de chronologie pour en savoir plus sur chaque type d'événement de chronologie.

Propriétés d'événement de chronologie courantes

Certains détails sont présents dans tous les types d'événements, tandis que d'autres ne s'appliquent qu'à certains d'entre eux. Cette section répertorie les propriétés communes à différents types d'événements. Les propriétés spécifiques à certains types d'événements sont listées dans les références de ces types d'événements ci-dessous.

Propriété	Quand s'affiche-t-il ?
Temps agrégé	Pour les événements avec des événements imbriqués, la durée de chaque catégorie d'événements.
Pile d'appel	Pour les événements avec des événements enfants, la durée de chaque catégorie d'événements.
Temps CPU	Temps CPU utilisé par l'événement enregistré.
Détails	Autres informations sur l'événement.
Durée (au code temporel)	Durée de l'événement avec tous ses enfants. Le code temporel correspond à l'heure à laquelle l'événement s'est produit par rapport au début de l'enregistrement.
Durée individuelle	Durée de l'événement sans ses enfants.
Taille du tas de mémoire utilisé	Quantité de mémoire utilisée par l'application au moment de l'enregistrement de l'événement, ainsi que la variation delta (+/-) de la taille de la pile utilisée depuis le dernier échantillonnage.

Événements de chargement

Cette section liste les événements appartenant à la catégorie "Chargement" et leurs propriétés.

Événement	Description
Analyser le code HTML	Chrome a exécuté son algorithme d'analyse HTML.
Terminer le chargement	Une requête réseau a été effectuée.
Recevoir des données	Données d'une requête reçues. Il y aura un ou plusieurs événements "Receive Data" (Recevoir des données).
Recevoir la réponse	Réponse HTTP initiale d'une requête.
Envoyer la demande	Une requête réseau a été envoyée.

Charger les propriétés d'événement

Propriété	Description
Ressource	URL de la ressource demandée.
Aperçu	Aperçu de la ressource demandée (images uniquement).
Méthode de requête	Méthode HTTP utilisée pour la requête (GET ou POST, par exemple).
Code d'état	Code de réponse HTTP.
Type MIME	Type MIME de la ressource demandée.
Longueur des données encodées	Longueur de la ressource demandée en octets.

Événements de script

Cette section liste les événements appartenant à la catégorie "Scripting" et leurs propriétés.

Événement	Description
Frame d'animation déclenché	Un frame d'animation planifié a été déclenché et son gestionnaire de rappel a été appelé.
Annuler le frame d'animation	Un frame d'animation planifié a été annulé.
Événement de récupération de mémoire	Une récupération de mémoire a eu lieu.
DOMContentLoaded	L'événement DOMContentLoaded a été déclenché par le navigateur. Cet événement se déclenche lorsque tout le contenu DOM de la page a été chargé et analysé.
Évaluer le script	Un script a été évalué.
Événement	Un événement JavaScript ("mousedown" ou "key", par exemple).
Appel de fonction	Un appel de fonction JavaScript de niveau supérieur a été effectué (n'apparaît que lorsque le navigateur accède au moteur JavaScript).
Installer un minuteur	Un minuteur a été créé avec setInterval() ou setTimeout().
Demander un frame d'animation	Un appel requestAnimationFrame() a planifié un nouveau frame.
Supprimer le minuteur	Un minuteur créé précédemment a été effacé.
Temps	Un script appelé console.time()
Heure de fin	Un script appelé console.timeEnd()
Minuteur déclenché	Un minuteur déclenché qui a été planifié avec setInterval() ou setTimeout().
Changement de l'état prêt de XHR	L'état prêt d'un XMLHTTPRequest a changé.
Chargement de XHR	Le chargement d'un XMLHTTPRequest est terminé.

Propriétés des événements de script

Propriété	Description
ID du minuteur	ID du minuteur.
Délai avant expiration	Délai avant expiration spécifié par le minuteur.
Périodicité	Valeur booléenne indiquant si le minuteur se répète.
Appel de fonction	Fonction appelée.

Événements de rendu

Cette section liste les événements appartenant à la catégorie "Rendu" et leurs propriétés.

Événement	Description
Invalider la mise en page	La mise en page de la page a été invalidée par une modification du DOM.
Mise en page	Une mise en page de page a été exécutée.
Recalculer le style	Chrome a recalculé les styles des éléments.
Faire défiler	Le contenu de la vue imbriquée a été défilé.

Propriétés d'affichage des événements

Propriété	Description
Mise en page invalidée	Pour les enregistrements de mise en page, la trace de la pile du code à l'origine de l'invalidation de la mise en page.
Nœuds nécessitant une mise en page	Pour les enregistrements de mise en page, nombre de nœuds marqués comme nécessitant une mise en page avant le début de la nouvelle mise en page. Il s'agit généralement des nœuds invalidés par le code du développeur, ainsi que d'un chemin vers le haut pour recomposer la racine.
Taille de l'arborescence de mise en page	Pour les enregistrements de mise en page, nombre total de nœuds sous la racine de la redisposition (nœud à partir duquel Chrome lance la redisposition).
Portée de la mise en page	Les valeurs possibles sont "Partiel" (la limite de redisposition est une partie du DOM) ou "Tout le document".
Éléments concernés	Pour "Recalculer les enregistrements de style", nombre d'éléments affectés par un recalcul de style.
Styles invalidés	Pour "Recalculer les enregistrements de style", fournit la trace de la pile du code à l'origine de l'invalidation du style.

Peinture

Cette section liste les événements appartenant à la catégorie "Peinture" et leurs propriétés.

Événement	Description
Calques composites	Le moteur de rendu de Chrome a composé des calques d'image.
Décodage d'image	Une ressource d'image a été décodée.
Redimensionnement de l'image	Une image a été redimensionnée à partir de ses dimensions natives.
Peinture	Les calques composites ont été peints dans une zone de l'écran. Lorsque vous pointez sur un enregistrement Paint, la région de l'écran mise à jour est mise en surbrillance.

Propriétés des événements de peinture

Propriété	Description
Emplacement	Pour les événements de peinture, les coordonnées X et Y du rectangle de peinture.
Dimensions	Pour les événements de peinture, la hauteur et la largeur de la région peinte.