Meggin Kearney
Flavio Copes
Im Zeitachsenmodus werden alle Ereignisse angezeigt, die während einer Aufnahme ausgelöst wurden. In der Zeitachsen-Ereignisreferenz finden Sie weitere Informationen zu den einzelnen Zeitachsen-Ereignistypen.
Gängige Eigenschaften für Zeitachsenereignisse
Bestimmte Details sind in Ereignissen aller Typen vorhanden, während andere nur für bestimmte Ereignistypen gelten. In diesem Abschnitt sind Eigenschaften aufgeführt, die für verschiedene Ereignistypen gemeinsam sind. Eigenschaften, die für bestimmte Ereignistypen spezifisch sind, sind in den folgenden Referenzen für diese Ereignistypen aufgeführt.
| Attribut | Wann wird der Mindestbestellwert angezeigt? |
|---|---|
| Aggregierte Zeit | Bei Ereignissen mit verschachtelten Ereignissen die Zeit, die für jede Ereigniskategorie benötigt wird. |
| Aufrufstack | Bei Ereignissen mit untergeordneten Ereignissen die Zeit, die für jede Ereigniskategorie benötigt wird. |
| CPU-Zeit | Wie viel CPU-Zeit das aufgezeichnete Ereignis in Anspruch genommen hat. |
| Details | Weitere Details zum Ereignis. |
| Dauer (zum Zeitstempel) | Dauer, die das Ereignis mit allen untergeordneten Elementen in Anspruch genommen hat. Der Zeitstempel ist die Zeit, zu der das Ereignis im Vergleich zum Beginn der Aufzeichnung stattgefunden hat. |
| Zeit für Einzelaktivität | Dauer des Ereignisses ohne untergeordnete Ereignisse. |
| Verwendete Heap-Größe | Die Menge an Arbeitsspeicher, die von der Anwendung zum Zeitpunkt der Erfassung des Ereignisses verwendet wurde, und die Deltaänderung (+/-) der verwendeten Heap-Größe seit der letzten Stichprobenerhebung. |
Ereignisse werden geladen
In diesem Abschnitt sind Ereignisse der Kategorie „Laden“ und ihre Properties aufgeführt.
| Ereignis | Beschreibung |
|---|---|
| HTML parsen | Chrome hat seinen HTML-Parsing-Algorithmus ausgeführt. |
| Laden beenden | Eine Netzwerkanfrage wurde abgeschlossen. |
| Daten empfangen | Daten für eine Anfrage wurden empfangen. Es gibt mindestens ein Ereignis vom Typ „Daten empfangen“. |
| Antwort erhalten | Die erste HTTP-Antwort auf eine Anfrage. |
| Anfrage senden | Eine Netzwerkanfrage wurde gesendet. |
Ereigniseigenschaften werden geladen
| Attribut | Beschreibung |
|---|---|
| Ressource | Die URL der angeforderten Ressource. |
| Vorschau | Vorschau der angeforderten Ressource (nur Bilder). |
| Anfragemethode | Die für die Anfrage verwendete HTTP-Methode (z. B. GET oder POST). |
| Statuscode | HTTP-Antwortcode. |
| MIME-Typ | MIME-Typ der angeforderten Ressource. |
| Länge der codierten Daten | Länge der angeforderten Ressource in Byte. |
Scripting-Ereignisse
In diesem Abschnitt werden Ereignisse der Kategorie „Scripting“ und ihre Properties aufgeführt.
| Ereignis | Beschreibung |
|---|---|
| Animationsframe ausgelöst | Ein geplanter Animationsframe wurde ausgelöst und sein Callback-Handler aufgerufen. |
| Animationsframe abbrechen | Ein geplanter Animationsframe wurde abgebrochen. |
| GC-Ereignis | Es wurde eine automatische Speicherbereinigung durchgeführt. |
| DOMContentLoaded | Das DOMContentLoaded-Ereignis wurde vom Browser ausgelöst. Dieses Ereignis wird ausgelöst, wenn der gesamte DOM-Inhalt der Seite geladen und geparst wurde. |
| Script auswerten | Ein Script wurde ausgewertet. |
| Ereignis | Ein JavaScript-Ereignis (z. B. „mousedown“ oder „key“) |
| Funktionsaufruf | Es wurde ein JavaScript-Funktionsaufruf auf oberster Ebene ausgeführt (wird nur angezeigt, wenn der Browser die JavaScript-Engine betritt). |
| Timer installieren | Ein Timer wurde mit setInterval() oder setTimeout() erstellt. |
| Animationsframe anfordern | Durch einen requestAnimationFrame()-Aufruf wurde ein neuer Frame geplant. |
| Timer löschen | Ein zuvor erstellter Timer wurde gelöscht. |
| Zeit | Ein Script mit dem Namen console.time() |
| Ende der Zeit | Ein Script mit dem Namen console.timeEnd() |
| Timer ausgelöst | Ein Timer wurde ausgelöst, der mit setInterval() oder setTimeout() geplant wurde. |
| Änderung des XHR-Bereitschaftsstatus | Der Bereitschaftsstatus eines XMLHTTPRequest hat sich geändert. |
| XHR laden | Der Ladevorgang von XMLHTTPRequest ist abgeschlossen. |
Eigenschaften von Scripting-Ereignissen
| Attribut | Beschreibung |
|---|---|
| Timer-ID | Die Timer-ID. |
| Zeitlimit | Das vom Timer angegebene Zeitlimit. |
| Wiederholungen | Boolescher Wert, der angibt, ob der Timer wiederholt wird. |
| Funktionsaufruf | Eine Funktion, die aufgerufen wurde. |
Ereignisse rendern
In diesem Abschnitt werden Ereignisse der Kategorie „Rendering“ und ihre Properties aufgeführt.
| Ereignis | Beschreibung |
|---|---|
| Layout außer Kraft setzen | Das Seitenlayout wurde durch eine DOM-Änderung ungültig. |
| Layout | Ein Seitenlayout wurde ausgeführt. |
| Stil neu berechnen | Chrome hat die Elementstilen neu berechnet. |
| Scrollen | Der Inhalt der verschachtelten Ansicht wurde gescrollt. |
Ereigniseigenschaften rendern
| Attribut | Beschreibung |
|---|---|
| Layout ungültig | Bei Layout-Einträgen der Stack-Trace des Codes, der das Layout ungültig gemacht hat. |
| Knoten, die Layout erfordern | Bei Layout-Einträgen die Anzahl der Knoten, die vor Beginn des Neulayouts als Layout erforderlich gekennzeichnet wurden. Das sind normalerweise die Knoten, die durch Entwicklercode ungültig gemacht wurden, sowie ein Pfad nach oben zum Stammelement des Layouts. |
| Größe des Layoutbaums | Bei Layout-Einträgen die Gesamtzahl der Knoten unter dem Relayout-Stammknoten (der Knoten, unter dem Chrome das Relayout startet). |
| Layoutbereich | Mögliche Werte sind „Teilweise“ (die Grenze für das Neulayout ist ein Teil des DOM) oder „Ganzes Dokument“. |
| Betroffene Elemente | Bei Stilelementen, die neu berechnet werden sollen, die Anzahl der Elemente, die von einer Stilneuberechnung betroffen sind. |
| Stile ungültig | Für „Stildatensätze neu berechnen“ wird der Stack-Trace des Codes angegeben, der zur Ungültigkeit des Stils geführt hat. |
Malveranstaltungen
In diesem Abschnitt sind Ereignisse der Kategorie „Malerei“ und ihre Properties aufgeführt.
| Ereignis | Beschreibung |
|---|---|
| Komposit-Ebenen | Das Rendering-Engine von Chrome hat Bildebenen zusammengesetzt. |
| Bild-Decodierung | Eine Bildressource wurde decodiert. |
| Bildgröße anpassen | Die Größe eines Bilds wurde von den ursprünglichen Abmessungen geändert. |
| Farben | Zusammengesetzte Ebenen wurden in einen Bereich des Displays gemalt. Wenn Sie den Mauszeiger auf einen Paint-Eintrag bewegen, wird der aktualisierte Bereich des Displays hervorgehoben. |
Eigenschaften für Malerei-Ereignisse
| Attribut | Beschreibung |
|---|---|
| Standort | Bei Paint-Ereignissen die X- und Y-Koordinaten des Rechtecks, in dem gezeichnet wird. |
| Dimensionen | Bei Paint-Ereignissen die Höhe und Breite des bemalten Bereichs. |