Meggin Kearney
Flavio Copes
La modalità Eventi della sequenza temporale mostra tutti gli eventi attivati durante la registrazione. Utilizza il riferimento all'evento della sequenza temporale per scoprire di più su ciascun tipo di evento nella sequenza temporale.
Proprietà comuni degli eventi della sequenza temporale
Alcuni dettagli sono presenti in eventi di tutti i tipi, mentre alcuni si applicano solo a determinati tipi di eventi. Questa sezione elenca le proprietà comuni a diversi tipi di eventi. Le proprietà specifiche per determinati tipi di eventi sono elencate nei riferimenti per i tipi di eventi che seguono.
| Proprietà | Quando viene mostrata |
|---|---|
| Tempo aggregato | Per gli eventi con eventi nidificati, il tempo impiegato da ogni categoria di eventi. |
| Stack di chiamate | Per gli eventi con eventi secondari, il tempo impiegato da ogni categoria di eventi. |
| Tempo CPU | Il tempo di CPU impiegato dall'evento registrato. |
| Dettagli | Altri dettagli sull'evento. |
| Durata (data e ora) | Il tempo impiegato per completare l'evento con tutti i suoi elementi secondari; il timestamp è l'ora in cui si è verificato l'evento, rispetto a quando è iniziata la registrazione. |
| Tempo autonomo | La durata dell'evento senza i suoi elementi secondari. |
| Dimensione heap utilizzato | La quantità di memoria utilizzata dall'applicazione quando è stato registrato l'evento e la variazione delta (+/-) della dimensione heap utilizzata dall'ultimo campionamento. |
Caricamento eventi
In questa sezione sono elencati gli eventi che appartengono alla categoria Caricamento e le relative proprietà.
| Evento | Descrizione |
|---|---|
| Analizza HTML | Chrome ha eseguito il proprio algoritmo di analisi HTML. |
| Termina caricamento | Richiesta di rete completata. |
| Ricevi dati | I dati di una richiesta sono stati ricevuti. Ci saranno uno o più eventi di ricezione dati. |
| Ricevi risposta | La risposta HTTP iniziale di una richiesta. |
| Invia richiesta | È stata inviata una richiesta di rete. |
Caricamento delle proprietà dell'evento in corso...
| Proprietà | Descrizione |
|---|---|
| Risorsa | L'URL della risorsa richiesta. |
| Anteprima | Anteprima della risorsa richiesta (solo immagini). |
| Metodo di richiesta | Metodo HTTP utilizzato per la richiesta (GET o POST, ad esempio). |
| Codice di stato | codice di risposta HTTP. |
| Tipo MIME | Tipo MIME della risorsa richiesta. |
| Lunghezza dati codificati | Lunghezza della risorsa richiesta in byte. |
Eventi di scripting
In questa sezione sono elencati gli eventi appartenenti alla categoria Scripting e le relative proprietà.
| Evento | Descrizione |
|---|---|
| Frame dell'animazione attivato | È stato attivato un frame di animazione pianificato e viene richiamato il rispettivo gestore di callback. |
| Annulla frame dell'animazione | Un frame di animazione pianificato è stato annullato. |
| Evento di Garbage Collection | È stata eseguita la garbage collection. |
| DOMContentLoaded | DOMContentLoaded è stato attivato dal browser. Questo evento viene attivato quando tutti i contenuti DOM della pagina sono stati caricati e analizzati. |
| Valuta script | È stato valutato uno script. |
| Evento | Un evento JavaScript ("mousedown" o "chiave", ad esempio). |
| Chiamata funzione | È stata effettuata una chiamata a funzione JavaScript di primo livello (visualizzata solo quando il browser accede al motore JavaScript). |
| Installa timer | È stato creato un timer con setInterval() o setTimeout(). |
| Richiedi frame dell'animazione | Una chiamata requestAnimationFrame() ha pianificato un nuovo frame |
| Rimuovi timer | Un timer creato in precedenza è stato cancellato. |
| Ora | Uno script chiamato console.time(). |
| Fine ora | Uno script chiamato console.timeEnd(). |
| Timer attivato | È stato attivato un timer programmato con setInterval() o setTimeout(). |
| Modifica dello stato pronto di XHR | Lo stato pronto di una XMLHTTPRequest è stato modificato. |
| Caricamento XHR | XMLHTTPRequest ha terminato il caricamento. |
Proprietà degli eventi di scripting
| Proprietà | Descrizione |
|---|---|
| ID timer | L'ID del timer. |
| Timeout | Il timeout specificato dal timer. |
| Si ripete | Valore booleano che specifica se il timer si ripete. |
| Chiamata funzione | Una funzione che è stata richiamata. |
Eventi di rendering
In questa sezione sono elencati gli eventi che appartengono alla categoria Rendering e le relative proprietà.
| Evento | Descrizione |
|---|---|
| Invalida layout | Il layout della pagina è stato invalidato da una modifica DOM. |
| Layout | È stato eseguito un layout di pagina. |
| Ricalcola stile | Stili di elementi ricalcolati di Chrome. |
| Scorri | I contenuti della visualizzazione nidificata sono stati fatti scorrere. |
Proprietà degli eventi di rendering
| Proprietà | Descrizione |
|---|---|
| Layout invalidato | Per i record di Layout, l'analisi dello stack del codice che ha causato l'annullamento della validità del layout. |
| Nodi che richiedono un layout | Per i record di layout, il numero di nodi contrassegnati come "richiedenti layout" prima dell'inizio del relayout. In genere si tratta dei nodi invalidati dal codice sviluppatore, più un percorso verso l'alto per il relayout della directory principale. |
| Dimensioni albero del layout | Per i record di layout, il numero totale di nodi sotto la radice di relayout (il nodo da cui Chrome avvia il relayout). |
| Ambito del layout | I valori possibili sono "Partial" (parziale) (il confine del re-layout è una porzione del DOM) o "Intero documento". |
| Elementi interessati | Per Ricalcola i record di stile, il numero di elementi interessati da un ricalcolo dello stile. |
| Stili invalidati | Per Ricalcola record di stile, fornisce l'analisi dello stack del codice che ha causato l'annullamento della convalida dello stile. |
Eventi di pittura
In questa sezione sono elencati gli eventi che appartengono alla categoria Pittura e le relative proprietà.
| Evento | Descrizione |
|---|---|
| Livelli compositi | Livelli di immagini composite del motore di rendering di Chrome. |
| Decodifica dell'immagine | Una risorsa immagine è stata decodificata. |
| Ridimensionamento dell'immagine | Un'immagine è stata ridimensionata rispetto alle dimensioni native. |
| Verniciatura | I livelli compositi venivano colorati su un'area del display. Se passi il mouse sopra un record Paint, viene evidenziata l'area del display che è stato aggiornato. |
Proprietà dell'evento di pittura
| Proprietà | Descrizione |
|---|---|
| Località | Per gli eventi Paint, le coordinate X e Y del rettangolo di disegno. |
| Dimensioni | Per gli eventi Paint, l'altezza e la larghezza dell'area dipinta. |