Meggin Kearney
Flavio Copes
La modalità Eventi della sequenza temporale mostra tutti gli eventi attivati durante la registrazione. Utilizza la documentazione di riferimento sugli eventi della cronologia per scoprire di più su ciascun tipo di evento della cronologia.
Proprietà comuni degli eventi della cronologia
Alcuni dettagli sono presenti in eventi di tutti i tipi, mentre altri 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 mostrato |
|---|---|
| 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 | La quantità di tempo di CPU impiegata dall'evento registrato. |
| Dettagli | Altri dettagli sull'evento. |
| Durata (al momento dell'ora e della data) | Il tempo necessario per completare l'evento con tutti i relativi elementi secondari. Il timestamp è l'ora in cui si è verificato l'evento rispetto all'inizio della registrazione. |
| Tempo singola attività | Il tempo impiegato dall'evento senza i relativi eventi secondari. |
| Dimensioni heap utilizzate | Quantità di memoria utilizzata dall'applicazione al momento della registrazione dell'evento e variazione delta (+/-) della dimensione dell'heap utilizzata dall'ultimo campionamento. |
Caricamento eventi
Questa sezione elenca 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 | Una richiesta di rete è stata completata. |
| Ricevi dati | Sono stati ricevuti i dati per una richiesta. Saranno presenti uno o più eventi Receive Data. |
| Ricevi risposta | La risposta HTTP iniziale di una richiesta. |
| Invia richiesta | È stata inviata una richiesta di rete. |
Caricamento delle proprietà evento
| Proprietà | Descrizione |
|---|---|
| Risorsa | L'URL della risorsa richiesta. |
| Anteprima | Anteprima della risorsa richiesta (solo immagini). |
| Metodo di richiesta | Metodo HTTP utilizzato per la richiesta (ad esempio GET o POST). |
| 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
Questa sezione elenca gli eventi che appartengono alla categoria Scripting e le relative proprietà.
| Evento | Descrizione |
|---|---|
| Frame dell'animazione attivato | È stato attivato un frame dell'animazione pianificato e il relativo gestore di callback è stato invocato. |
| Annulla frame dell'animazione | Un frame dell'animazione pianificato è stato annullato. |
| Evento GC | È avvenuta la garbage collection. |
| DOMContentLoaded | L'evento 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 "key", ad esempio). |
| Chiamata di funzione | È stata effettuata una chiamata di funzione JavaScript di primo livello (viene 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() |
| Ora di fine | Uno script chiamato console.timeEnd() |
| Timer attivato | È stato attivato un timer programmato con setInterval() o setTimeout(). |
| Modifica dello stato pronto di XHR | Lo stato di disponibilità di un XMLHTTPRequest è cambiato. |
| Caricamento XHR | Il caricamento di un XMLHTTPRequest è stato completato. |
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 di funzione | Una funzione richiamata. |
Eventi di rendering
Questa sezione elenca gli eventi che appartengono alla categoria Rendering e le relative proprietà.
| Evento | Descrizione |
|---|---|
| Invalida layout | Il layout di pagina è stato invalidato da una modifica del DOM. |
| Layout | È stato eseguito un layout di pagina. |
| Ricalcola stile | Chrome ha ricalcolato gli stili degli elementi. |
| Scorri | I contenuti della visualizzazione nidificata sono stati scorrevoli. |
Renderizzazione delle proprietà evento
| Proprietà | Descrizione |
|---|---|
| Layout non valido | Per i record Layout, la traccia dello stack del codice che ha causato l'invalidazione del layout. |
| Nodi che richiedono layout | Per i record Layout, il numero di nodi contrassegnati come bisognosi di layout prima dell'inizio del nuovo layout. Di solito si tratta di nodi non validi a causa del codice sviluppatore, oltre a un percorso verso l'elemento radice del nuovo layout. |
| Dimensioni dell'albero del layout | Per i record Layout, il numero totale di nodi sotto la radice del nuovo layout (il nodo in cui Chrome avvia il nuovo layout). |
| Ambito del layout | I valori possibili sono "Parziale" (il confine del nuovo layout è una parte del DOM) o "Intero documento". |
| Elementi interessati | Per i record Ricalcola stile, il numero di elementi interessati da un ricalcolo dello stile. |
| Stili non validi | Per i record di stile Ricalcula, fornisce la traccia dello stack del codice che ha causato l'invalidazione dello stile. |
Eventi di pittura
Questa sezione elenca gli eventi che appartengono alla categoria Pittura e le relative proprietà.
| Evento | Descrizione |
|---|---|
| Livelli compositi | Il motore di rendering di Chrome ha composto i livelli immagine. |
| Decodifica dell'immagine | È stata decodificata una risorsa immagine. |
| Ridimensionamento dell'immagine | Le dimensioni di un'immagine sono state modificate rispetto a quelle native. |
| Pittura | I livelli compositi sono stati dipinti in una regione del display. Se passi il mouse sopra un record di Paint, viene evidenziata la regione della visualizzazione aggiornata. |
Proprietà degli eventi di pittura
| Proprietà | Descrizione |
|---|---|
| Località | Per gli eventi di pittura, le coordinate x e y del rettangolo di pittura. |
| Dimensioni | Per gli eventi Paint, l'altezza e la larghezza della regione dipinta. |