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 pendant l'enregistrement. Utilisez la référence des événements de chronologie pour en savoir plus sur chaque type d'événement de chronologie.

Propriétés courantes des événements de chronologie

Certains détails sont présents dans tous les types d'événements, tandis que d'autres ne s'appliquent qu'à certains types d'événements. Cette section liste les propriétés communes aux 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 des types d'événements suivants.

Propriété	Quand s'affiche-t-il ?
Durée cumulée	Pour les événements avec des événements imbriqués, il s'agit du temps écoulé par chaque catégorie d'événements.
Pile d'appel	Pour les événements avec des événements enfants, il s'agit du temps écoulé par chaque catégorie d'événements.
Temps CPU	Durée CPU de l'événement enregistré.
Détails	Autres informations sur l'événement.
Durée (horodatage)	Durée de l'événement avec tous ses enfants. L'horodatage correspond au moment auquel l'événement s'est produit, par rapport au début de l'enregistrement.
Temps propre	Durée de l'événement sans aucun de ses enfants.
Taille du tas de mémoire utilisé	Quantité de mémoire utilisée par l'application lors de l'enregistrement de l'événement et variation delta (+/-) de la taille du tas de mémoire utilisé depuis le dernier échantillonnage.

Chargement des événements

Cette section liste les événements qui appartiennent à 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	Requête réseau terminée.
Recevoir des données	Les données d'une requête ont été reçues. Un ou plusieurs événements "Recevoir des données" seront détectés.
Recevoir la réponse	Réponse HTTP initiale à une requête.
Envoyer la demande	Une requête réseau a été envoyée.

Chargement des propriétés de l'é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 la requête	Méthode HTTP utilisée pour la requête (GET ou POST, par exemple).
Status Code	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 de la catégorie Script et leurs propriétés.

Événement	Description
Frame d'animation déclenché	Une image d'animation programmée a été déclenchée et son gestionnaire de rappel a été appelé.
Annuler le frame d'animation	Une image d'animation planifiée a été annulée.
Événement de récupération de mémoire	Une récupération de mémoire s'est produite.
DOMContentLoaded	L'élément DOMContentLoaded a été déclenché par le navigateur. Cet événement est déclenché lorsque tout le contenu DOM de la page a été chargé et analysé.
Évaluer le script	Un script a été évalué.
Événement	Événement JavaScript ("mousedown" ou "key", par exemple).
Appel de fonction	Un appel de fonction JavaScript de niveau supérieur a été effectué (il ne s'affiche 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é.
Heure	Un script appelé console.time()
Heure de fin	Un script appelé console.timeEnd()
Minuteur déclenché	Un minuteur déclenché avec setInterval() ou setTimeout()
Changement de l'état prêt de XHR	L'état "prêt" d'une requête XMLHTTPRequest a été modifié.
Charge XHR	Chargement d'une XMLHTTPRequest 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é	Booléen qui indique si le minuteur se répète.
Appel de fonction	Une fonction appelée.

Afficher des événements

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

Événement	Description
Invalider la mise en page	La mise en page a été invalidée suite à une modification DOM.
Mise en page	Une mise en page a été exécutée.
Recalculer le style	Styles d'éléments recalculés dans Chrome.
Faire défiler	Un défilement du contenu de la vue imbriquée a été effectué.

Afficher les propriétés d'un événement

Propriété	Description
Mise en page invalidée	Pour les enregistrements de mise en page, trace de la pile du code à l'origine de l'annulation 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 qui ont été invalidés par le code du développeur, ainsi que d'un chemin d'accès vers le haut vers la racine de remise en page.
Taille de l'arborescence de mise en page	Pour les enregistrements de mise en page, nombre total de nœuds sous la racine de remise en page (nœud par lequel Chrome lance la remise en page).
Champ d'application de la mise en page	Les valeurs possibles sont "Partial" (la limite de la nouvelle mise en page correspond à une partie du DOM) ou "Whole document".
Éléments concernés	Dans la section "Recalculer les enregistrements de style", le 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 de style.

Peinture

Cette section répertorie les événements de la catégorie Peinture et leurs propriétés.

Événement	Description
Calques composites	Calques d'images composés du moteur de rendu Chrome.
Décodage d'image	Une ressource d'image a été décodée.
Redimensionner l'image	Une image a été redimensionnée à ses dimensions natives.
Peindre	Les calques composés ont été peints sur une partie de l'écran. Pointez sur un enregistrement Paint pour mettre en évidence la région de l'affichage qui a été mise à jour.

Peinture des propriétés d'un événement

Propriété	Description
Emplacement	Pour les événements Paint, les coordonnées x et y du rectangle de peinture.
Dimensions	Pour les événements "Paint" : hauteur et largeur de la zone peinte.