Google si impegna a far progredire equità razziale per le comunità nere. Vedi come.
Questa pagina è stata tradotta dall'API Cloud Translation.
Switch to English

tracce automatiche durata per le applicazioni web

Una traccia è un report di dati sulle prestazioni acquisiti tra due punti nel tempo nella vostra app. Per applicazioni web, monitoraggio delle prestazioni fornisce automaticamente una traccia per la durata di caricamento della pagina.

Le interruzioni di traccia di caricamento della pagina nelle seguenti parametri predefiniti:

  • prima vernice metrici - Misura il tempo tra quando i naviga utente a una pagina e in caso di modifica visiva accade

  • prima pittura contentful metrici - Misura il tempo tra quando un utente passa a una pagina e quando visualizza contenuti significativi, come un'immagine o un testo

  • DOMInteractive metrici - Misura il tempo tra quando l'utente si sposta a una pagina e quando la pagina viene considerata interattivo per l'utente

  • domContentLoadedEventEnd metrici - Misura il tempo tra quando l'utente si sposta a una pagina e quando il documento HTML iniziale viene completamente caricato e analizzato

  • loadEventEnd metrica - Misura il tempo tra quando i naviga utente alla pagina e quando completa l'evento Load del documento corrente

  • primo ritardo di ingresso metrico - Misura il tempo tra quando l'utente interagisce con una pagina e quando il browser è in grado di rispondere a tale ingresso

Definizioni per metriche di caricamento delle pagine

In primo luogo la vernice

Questa metrica misura il tempo tra quando l'utente si sposta a una pagina e quando un cambiamento visivo succede.

Questa metrica è utile dal momento che i primi segnali di vernice per gli utenti che la pagina sta cominciando a carico.

  • Inizia quando il naviga utente a una pagina.

  • Arresta quando qualsiasi cambiamento visivo accade, tra cui un fondo cambiamento di colore o un'intestazione di carico.

Prima vernice contentful

Questa metrica misura il tempo tra quando un utente passa a una pagina e quando visualizza contenuti significativi, come un'immagine o un testo.

Questa metrica è utile per intuizioni come presto gli utenti vedono qualsiasi contenuto effettivo della tua app piuttosto che solo un nuovo colore di sfondo o l'intestazione.

  • Inizia quando il naviga utente a una pagina.

  • Si ferma immediatamente dopo che il browser esegue il rendering del primo contenuto dal DOM, inclusi testi, immagini (tra cui immagini di sfondo), non tela bianca, o SVG.

DOMInteractive

Questa metrica misura il tempo tra quando l'utente si sposta a una pagina e quando la pagina viene considerata interattivo per l'utente.

Questa metrica è utile per intuizioni come presto gli utenti potranno interagire con gli elementi nella vostra applicazione, come pulsanti e collegamenti ipertestuali, piuttosto che semplicemente vederle sullo schermo. Si noti che questo non significa che il browser risponderà alla interazione (per questa metrica, fare riferimento alla prima traccia ritardo di ingresso ).

  • Inizia quando il naviga utente a una pagina.

  • Arresta immediatamente prima che l'agente utente imposta la disponibilità del documento HTML corrente "interattivo".

domContentLoadedEventEnd

Questa metrica misura il tempo tra quando i naviga utente a una pagina e quando il documento HTML iniziale viene completamente caricato e analizzato.

  • Inizia quando il naviga utente a una pagina.

  • Arresta immediatamente dopo che il documento HTML iniziale viene completamente caricato e analizzato ( DOMContentLoaded ), ma questo non significa che fogli di stile immagini e sottotrame sono carico finito.

loadEventEnd

Questa metrica misura il tempo tra quando l'utente accede alla pagina e quando completa l'evento Load del documento corrente.

Questa metrica è utile per approfondimenti di quanto tempo ci vuole per caricare tutti i tuoi contenuti, compresi i fogli di stile e le immagini.

  • Inizia quando il naviga utente a una pagina.

  • Si ferma immediatamente dopo il completamento evento Load del documento HTML corrente.

Primo ritardo ingresso

Questa metrica misura il tempo tra quando l'utente interagisce con una pagina e quando il browser è in grado di rispondere a tale ingresso.

Questa metrica è utile in quanto il browser rispondendo ad un'interazione con l'utente offre agli utenti le loro prime impressioni sulla reattività della vostra applicazione.

  • Inizia quando i primi interagisce utente con un elemento della pagina, come clic su un pulsante o un collegamento ipertestuale.

  • Si ferma immediatamente dopo che il browser è in grado di rispondere con l'ingresso, il che significa che il browser non è occupato di carico o l'analisi sul suo sito web.

Si noti che per misurare il primo ritardo di ingresso metrica, è necessario aggiungere la libreria polyfill per questa metrica. Per le istruzioni di installazione, consultare la biblioteca di documentazione .

Monitorare tracce automatiche durata di caricamento della pagina nella console

  1. Nella console Firebase, andare al cruscotto delle prestazioni .

  2. Fare clic sulla scheda dispositivo On, quindi è possibile:

    • Visualizzare un rapido resoconto dei dati raccolti per tutte le tracce di caricamento delle pagine (e le eventuali tracce personalizzati che hai aggiunto).

    • Fare clic su una traccia specifica di rivedere i dati del traccia in modo più dettagliato.

    • Utilizzare il filtro pulsante in alto a sinistra del pannello di eseguire il filtraggio base dei dati per attributo.

  3. Se si fa clic su una traccia specifica, la console visualizza una panoramica dei dati raccolti su schede metriche.

    • Utilizzare le opzioni in alto a destra del cruscotto per visualizzare i dati come aggregati o nel corso del tempo.

    • Utilizzare il filtro pulsante in alto a sinistra del pannello di eseguire il filtraggio base dei dati per attributo.

  4. Per qualsiasi metrica, fare clic su Visualizza più per rivedere le informazioni più approfondite sui dati raccolti e per utilizzare le funzionalità di analisi più ricchi. Ad esempio, è possibile filtrare e segmentare i dati per attributo.