Informations de référence sur les événements d’enregistrement des performances
Dans l’outil Performance , la section Main affiche tous les événements qui sont déclenchés lors de l’enregistrement. Chaque type d’événement est décrit ci-dessous :
Propriétés communes à tous les événements
Les propriétés suivantes sont communes à tous les types d’événements dans la section Main de l’outil Performance. Les propriétés supplémentaires spécifiques à certains types d’événements sont répertoriées dans les sections suivantes ci-dessous.
| Propriété | Quand s’affiche-t-il ? |
|---|---|
| Temps agrégé | Pour les événements avec des événements imbriqués, le temps pris par chaque catégorie d’événements. |
| Pile des appels | Pour les événements avec des événements enfants, le temps pris par chaque catégorie d’événements. |
| Temps processeur | Durée processeur de l’événement enregistré. |
| Détails | Autres détails sur l’événement. |
| Durée (à l’horodatage) | Combien de temps il a fallu à l’événement avec tous ses enfants pour se terminer ; timestamp est l’heure à laquelle l’événement s’est produit, par rapport au moment où l’enregistrement a démarré. |
| Temps libre | Combien de temps l’événement a pris sans aucun de ses enfants. |
| Taille du tas utilisée | Quantité de mémoire utilisée par l’application lors de l’enregistrement de l’événement, et modification du delta (+/-) de la taille du tas utilisé depuis le dernier échantillonnage. |
Chargement d’événements
Les événements suivants se trouvent dans la catégorie Chargement .
| Événement | Description |
|---|---|
| Analyser le code HTML | Microsoft Edge a exécuté l’algorithme d’analyse HTML. |
| Terminer le chargement | Une demande réseau a été effectuée. |
| Recevoir des données | Les données d’une demande ont été reçues. Il existe un ou plusieurs événements De réception de données. |
| Recevoir la réponse | Réponse HTTP initiale d’une requête. |
| Envoyer une demande | Une demande réseau a été envoyée. |
Propriétés supplémentaires pour les événements de chargement
| Propriété | Description |
|---|---|
| Ressource | URL de la ressource demandée. |
| Aperçu | Aperçu de la ressource demandée (images uniquement). |
| Request, méthode | 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. |
Voir aussi Propriétés communes à tous les événements ci-dessus.
Événements de script
Les événements suivants se trouvent dans la catégorie Script.
| Événement | Description |
|---|---|
| Image d’animation déclenchée | Une trame d’animation planifiée s’est déclenchée et son gestionnaire de rappel a été appelé. |
| Annuler le cadre d’animation | Une trame d’animation planifiée a été annulée. |
| Événement GC | Le garbage collection s’est produit. |
| DOMContentLoaded | L’événement DOMContentLoaded a été déclenché par le navigateur. Cet événement est déclenché lorsque tout le contenu DOM de la page est chargé et analysé. |
| Évaluer le script | Un script a été évalué. |
| Événement | Événement JavaScript (par exemple, mousedownou key). |
| Appel de fonction | Un appel de fonction JavaScript de niveau supérieur a été effectué (n’apparaît que lorsque le navigateur entre dans le moteur JavaScript). |
| Installer le minuteur | Un minuteur a été créé avec setInterval() ou setTimeout(). |
| Image de l’animation de requête | Un requestAnimationFrame() appel a planifié une nouvelle trame. |
| Supprimer le minuteur | Un minuteur créé précédemment a été effacé. |
| Time | Un script appelé console.time(). |
| Fin de l’heure | Un script appelé console.timeEnd(). |
| Minuteur déclenché | Un minuteur déclenché qui a été planifié avec setInterval() ou setTimeout(). |
| Modification de l’état XHR Ready | L’état prêt d’une requête XMLHTTPRequest a changé. |
| Chargement XHR | Chargement XMLHTTPRequest terminé. |
Propriétés supplémentaires pour les événements de script
| Propriété | Description |
|---|---|
| ID du minuteur | ID du minuteur. |
| Timeout | Délai d’expiration spécifié par le minuteur. |
| Répète | Boolean qui spécifie si le minuteur se répète. |
| Appel de fonction | Fonction qui a été appelée. |
Voir aussi Propriétés communes à tous les événements ci-dessus.
Événements de rendu
Les événements suivants se trouvent dans la catégorie Rendu .
| Événement | Description |
|---|---|
| Invalider la disposition | La mise en page a été invalidée par une modification dom. |
| Disposition | Une mise en page a été effectuée. |
| Recalculer le style | Styles d’éléments recalculés Microsoft Edge. |
| Faire défiler | Le contenu de la vue imbriquée a fait défiler. |
Propriétés supplémentaires pour les événements de rendu
| Propriété | Description |
|---|---|
| Disposition invalidée | Pour les enregistrements de disposition, trace de pile du code qui a provoqué l’invalidation de la disposition. |
| Nœuds qui ont besoin d’une disposition | Pour les enregistrements de disposition, nombre de nœuds marqués comme nécessitant une disposition avant le démarrage du relais. Il s’agit normalement des nœuds qui ont été invalidés par le code du développeur, plus un chemin vers le haut vers la racine relayout. |
| Taille de l’arborescence de disposition | Pour les enregistrements de disposition, nombre total de nœuds sous la racine relayout (nœud sur lequel Microsoft Edge démarre le relais). |
| Étendue de disposition | Les valeurs possibles sont Partial (la limite de re-disposition est une partie du DOM) ou Whole document. |
| Éléments affecté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 pile du code qui a provoqué l’invalidation du style. |
Voir aussi Propriétés communes à tous les événements ci-dessus.
Événements de peinture
Les événements suivants se trouvent dans la catégorie Peinture .
| Événement | Description |
|---|---|
| Couches composites | Couches d’image composite pour le moteur de rendu Microsoft Edge. |
| Décodage d’image | Une ressource image a été décodée. |
| Redimensionnement de l’image | Une image a été redimensionnée à partir de ses dimensions natives. |
| Paint | Les couches composites ont été peintes dans une région de l’affichage. Le pointage sur un enregistrement Paint met en évidence la région de l’affichage qui a été mis à jour. |
Propriétés supplémentaires pour les événements Painting
| Propriété | Description |
|---|---|
| Emplacement | Pour les événements Paint, coordonnées x et y du rectangle de peinture. |
| Dimensions | Pour les événements Paint, la hauteur et la largeur de la région peinte. |
Voir aussi Propriétés communes à tous les événements ci-dessus.
Remarque
Les parties de cette page sont des modifications basées sur le travail créé et partagé par Google et utilisées conformément aux termes décrits dans la licence internationale Creative Commons Attribution 4.0. La page d’origine est disponible ici et est créée par Meggin Kearney (Rédacteur technique) et Flavio Copes (Développeur Full Stack).
Cette œuvre est concédée sous licence creative commons attribution 4.0 international.