Monitoraggio dei dati sulle prestazioni nella console

Per visualizzare i dati sulle prestazioni in tempo reale, assicurati che la tua app utilizzi una versione dell'SDK di monitoraggio delle prestazioni compatibile con l'elaborazione dei dati in tempo reale. Per saperne di più .

Tieni traccia delle metriche chiave nella tua dashboard

Per informazioni su come le metriche chiave sono trend, aggiungerli al vostro bordo metriche nella parte superiore del cruscotto delle prestazioni. Puoi identificare rapidamente le regressioni osservando le modifiche settimana dopo settimana o verificando che le modifiche recenti nel codice stiano migliorando le prestazioni.

un'immagine della scheda delle metriche nella dashboard di Firebase Performance Monitoring

Ecco alcuni esempi di tendenze che potresti monitorare:

  • Un miglioramento in primo ritardo ingresso come hai cambiato quando i carichi app determinati file JavaScript
  • Una diminuzione del tempo per la prima pittura contentful dopo il passaggio a utilizzare un CDN per le attività
  • Una goccia in risposta dimensione del payload per una richiesta di rete dal momento che è stato implementato l'uso di miniature
  • Un aumento del tempo di risposta della rete per una chiamata API di terze parti durante un'interruzione ecosistema

Ogni membro di un progetto Firebase può configurare la propria scheda delle metriche. Puoi tenere traccia delle metriche che sono importanti per te, mentre altri membri del progetto possono tenere traccia di insiemi completamente diversi di metriche chiave sulle proprie bacheche.

Per aggiungere una metrica al vostro bordo metriche, andare al cruscotto delle prestazioni nella console Firebase, quindi fare clic sulla scheda Dashboard. Fai clic su una scheda di metrica vuota, quindi seleziona una metrica esistente da aggiungere alla tua scheda. Clicca su una carta metrica popolata per ulteriori opzioni, come per sostituire o rimuovere una metrica.

La scheda delle metriche mostra i dati delle metriche raccolti nel tempo, sia in forma grafica che come variazione percentuale numerica.

  • Ogni scheda della metrica mostra la variazione percentuale del valore della metrica nell'intervallo di tempo selezionato, nonché il valore della metrica raccolto più di recente. L'affermazione nella parte superiore della scheda delle metriche è un'interpretazione della variazione percentuale.
  • Per impostazione predefinita, la scheda delle metriche mostra il valore mediano della metrica. Se desideri vedere come i diversi segmenti dei tuoi utenti sperimentano la tua app, seleziona un percentile diverso dal menu a discesa nella parte superiore della pagina della dashboard.

Cosa significano i colori rosso, verde e grigio?

La maggior parte delle metriche ha una direzione di tendenza desiderata, quindi la scheda delle metriche utilizza il colore per visualizzare un'interpretazione dell'andamento dei dati della metrica in una direzione positiva o negativa.

Ad esempio, dire che stai monitorando primo ritardo di ingresso di una pagina (un valore che dovrebbe essere di piccole dimensioni). Se questo valore è in aumento, la scheda delle metriche mostra la variazione percentuale della metrica in rosso, richiamando l'attenzione su un possibile problema. Tuttavia, se il valore è in diminuzione o invariato, la scheda delle metriche mostra la percentuale rispettivamente in verde o in grigio.

Se una metrica non ha un ovvio direzione trend desiderata, come le dimensioni della risposta payload per una richiesta di rete, allora le metriche bordo visualizza sempre variazione percentuale della metrica in grigio, indipendentemente da come i dati vengono trend.

Cosa significano le linee continue e tratteggiate?

  • linea continua blu scuro: il valore della metrica nel tempo

  • linea tratteggiata azzurra — il valore della metrica in un momento specifico nel passato
    Ad esempio, se scegli di mostrare un grafico degli ultimi 7 giorni e passi con il mouse sopra il 30 agosto, la linea tratteggiata azzurra indica il valore della metrica il 23 agosto.



Visualizza le tracce e i loro dati

È possibile visualizzare tutte le tracce per la vostra applicazione nella tabella tracce, che è alla base del cruscotto delle prestazioni . La tabella raggruppa ogni tipo di traccia all'interno di una sottoscheda appropriata. Ad esempio, tutte le tracce richiesta di rete sono elencati sotto la richieste sottoscheda rete.

La tabella delle tracce mostra i valori per alcune metriche principali per ogni traccia, insieme alla variazione percentuale per il valore di ogni metrica. Questi valori sono calcolati in base alle selezioni di percentile e intervallo di tempo impostato nella parte superiore della scheda Dashboard. Ecco alcuni esempi:

  • Se si seleziona un percentile del 50% e un intervallo di tempo di Ultimi 7 giorni, quindi il valore della metrica sarà la mediana dei dati raccolti dai più recenti giorno, e la variazione percentuale sarà il cambiamento dal 7 giorni prima.

  • Se si modifica l'intervallo di tempo di ultime 24 ore, quindi il valore della metrica sarà la mediana dei dati raccolti dal l'ora più recente, e la variazione percentuale sarà il cambiamento da 24 ore prima.

È possibile ordinare l'elenco delle tracce in ogni sottoscheda in base al valore della metrica o in base alla variazione percentuale per una metrica specifica. Questo può aiutarti a identificare rapidamente potenziali problemi nella tua app.

Per visualizzare tutte le metriche ei dati per una traccia specifica, fare clic sul nome di traccia nella tabella tracce. Le sezioni seguenti di questa pagina forniscono maggiori dettagli.

Visualizza più dati per una traccia specifica

Se si fa clic sul nome di una traccia nella tabella delle tracce, è possibile fare clic su varie schermate per esplorare la traccia e approfondire le metriche di interesse. Sulla maggior parte delle pagine, è possibile utilizzare il filtro tasto (in alto a sinistra dello schermo) per filtrare i dati per attributo, ad esempio:

un'immagine dei dati di monitoraggio delle prestazioni di Firebase filtrata per attributo
  • Filtra per URL della pagina per visualizzare i dati per una pagina specifica del tuo sito
  • Filtro per tipo di connessione efficace per imparare una connessione 3G urta la vostra app
  • Filtra per paese per assicurarsi che il percorso di database non colpisce una regione specifica

Visualizza tutte le metriche raccolte per una traccia

Se fai clic sul nome di una traccia nella tabella delle tracce, vedrai una panoramica dei dati della traccia sulle schede metriche.

Utilizzare le opzioni in alto a destra dello schermo per visualizzare i dati in forma aggregata o nel corso del tempo.

  • Richiesta di rete tracce - Le carte metriche disponibili sono i tempi di risposta e la dimensione di risposta payload.
  • Tracce di codice personalizzato - La scheda metrica durata è sempre a disposizione (la metrica di default per questo tipo di traccia). Se hai aggiunto metriche personalizzate a una traccia del codice personalizzato, vengono visualizzate anche le schede delle metriche.
  • Di caricamento delle pagine tracce - Le carte metriche disponibili includono prima pittura, prima pittura contentful, primo ritardo di ingresso, e gli eventi DOM-correlati.

Visualizza informazioni approfondite sui dati

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