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. |