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. Ulteriori informazioni sui dati sulle prestazioni in tempo reale .

Tieni traccia delle metriche chiave nella tua dashboard

Per conoscere l'andamento delle tue metriche chiave, aggiungile alla scheda delle metriche nella parte superiore della dashboard del rendimento . Puoi identificare rapidamente le regressioni visualizzando le modifiche settimana dopo settimana o verificare che le modifiche recenti al codice stiano migliorando le prestazioni.

un'immagine della scheda delle metriche nella dashboard di monitoraggio delle prestazioni di Firebase

Ecco alcuni esempi di tendenze che potresti monitorare:

  • Un miglioramento nel ritardo del primo input poiché hai cambiato quando la tua app carica determinati file JavaScript
  • Una diminuzione del tempo per la prima pittura di contenuto dopo il passaggio all'utilizzo di una CDN per le risorse
  • Un calo delle dimensioni del payload di risposta per una richiesta di rete da quando hai implementato l'uso delle miniature
  • Un aumento del tempo di risposta della rete per una chiamata API di terze parti durante un'interruzione dell'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 alla scheda delle metriche, procedi nel seguente modo:

  1. Vai alla dashboard delle prestazioni nella console Firebase.
  2. Fai clic su una scheda metrica vuota, quindi seleziona una metrica esistente da aggiungere alla tua bacheca.
  3. Fai clic su su una scheda metrica popolata per ulteriori opzioni, ad esempio per sostituire o rimuovere una metrica.

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

  • Ciascuna scheda metrica mostra la variazione percentuale del valore della metrica nell'intervallo di tempo selezionato, nonché il valore raccolto più di recente della metrica. La dichiarazione nella parte superiore della scheda delle metriche è un'interpretazione della variazione percentuale.
  • Per impostazione predefinita, la scheda delle metriche mostra il valore del 75° percentile della metrica, che è allineato con Core Web Vitals . Se desideri visualizzare in che modo i diversi segmenti dei tuoi utenti sperimentano la tua app, seleziona un percentile diverso dal menu a discesa nella parte superiore della pagina del 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 del trend dei dati della metrica in una direzione positiva o negativa.

Ad esempio, supponiamo che stai monitorando il primo ritardo di input di una pagina (un valore che dovrebbe essere piccolo). 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 è decrescente o invariato, la scheda delle metriche mostra la percentuale rispettivamente in verde o in grigio.

Se una metrica non ha un'ovvia direzione di tendenza desiderata, come la dimensione del payload di risposta per una richiesta di rete, la scheda delle metriche mostra sempre la variazione percentuale della metrica in grigio, indipendentemente dall'andamento dei dati.

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 del passato
    Ad esempio, se selezioni di mostrare un grafico degli ultimi 7 giorni e passi 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

Puoi visualizzare tutte le tracce per la tua app nella tabella delle tracce, che si trova nella parte inferiore della dashboard delle prestazioni . La tabella raggruppa ogni tipo di traccia all'interno di una sottoscheda appropriata. Ad esempio, tutte le tracce delle richieste di rete sono elencate nella sottoscheda Richieste di rete .

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

  • Se selezioni un percentile del 75% e un intervallo di tempo di Ultimi 7 giorni , il valore della metrica sarà il 75° percentile dei dati raccolti dal giorno più recente e la variazione percentuale sarà quella dei 7 giorni precedenti.
  • Se poi modifichi l'intervallo di tempo su Ultime 24 ore , il valore della metrica sarà la mediana dei dati raccolti dall'ora più recente e la variazione percentuale sarà la modifica dalle 24 ore precedenti.

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

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

Visualizza più dati per una traccia specifica

Monitoraggio delle prestazioni fornisce una pagina per la risoluzione dei problemi nella console Firebase che evidenzia le modifiche alle metriche, semplificando la rapida risoluzione e riducendo al minimo l'impatto dei problemi di prestazioni sulle tue app e sugli utenti. Puoi utilizzare la pagina di risoluzione dei problemi per conoscere potenziali problemi di prestazioni, ad esempio nei seguenti scenari:

  • Selezioni le metriche pertinenti sulla dashboard e noti un grande delta.
  • Nella tabella delle tracce si ordina per visualizzare i delta più grandi in alto e si vede una variazione percentuale significativa.
  • Ricevi un avviso e-mail che ti informa di un problema di prestazioni.

È possibile accedere alla pagina di risoluzione dei problemi nei seguenti modi:

  • Nella dashboard delle metriche, fai clic sul pulsante Visualizza dettagli metrica .
  • Su qualsiasi scheda metrica, seleziona => Visualizza dettagli . La pagina di risoluzione dei problemi mostra informazioni sulla metrica selezionata.
  • Nella tabella delle tracce, fare clic sul nome di una traccia o su qualsiasi valore di metrica nella riga associata a tale traccia.
  • In un avviso e-mail, fai clic su Esamina ora .

Quando si fa clic sul nome di una traccia nella tabella delle tracce, è possibile visualizzare in dettaglio le metriche di interesse. Fare clic sul pulsante filtro per filtrare i dati per attributo, ad esempio:

un'immagine dei dati di monitoraggio delle prestazioni di Firebase filtrati per attributo
  • Filtra per URL pagina per visualizzare i dati per una pagina specifica del tuo sito
  • Filtra per tipo di connessione efficace per scoprire in che modo una connessione 3G influisce sulla tua app
  • Filtra per Paese per assicurarti che la posizione del database non influisca su una regione specifica

Visualizza tutte le metriche raccolte per una traccia

Dopo aver fatto clic su una traccia, puoi approfondire le metriche di interesse:

  • Tracce delle richieste di rete : le schede delle metriche disponibili sono il tempo di risposta e la dimensione del payload della risposta.
  • Tracce di codice personalizzate : la scheda della metrica Durata è sempre disponibile (la metrica predefinita per questo tipo di traccia). Se hai aggiunto metriche personalizzate a una traccia di codice personalizzata, vengono visualizzate anche le schede delle metriche.
  • Tracce di caricamento della pagina : le schede delle metriche disponibili includono first paint , first contentful paint , first input delay ed eventi relativi al DOM.

Visualizza informazioni approfondite sui dati

Puoi filtrare e segmentare i dati per attributo oppure puoi fare clic per visualizzare i dati nel contesto di una sessione di utilizzo dell'app.

Ad esempio, per capire perché il tempo di risposta della tua rete recente è lento e se un paese sta influenzando le prestazioni, procedi nel seguente modo:

  1. Seleziona Paese dal menu a discesa degli attributi.
  2. Nella tabella, ordina in base al valore più recente per vedere i paesi che hanno il maggiore impatto sui tempi di risposta della tua rete.
  3. Seleziona i paesi con i valori più recenti più grandi per tracciarli sul grafico. Quindi passa il cursore sulla sequenza temporale nel grafico per sapere quando i tempi di risposta della rete sono rallentati in quei paesi.
  4. Per indagare ulteriormente sulle cause principali dei problemi relativi ai tempi di risposta della rete in paesi specifici, aggiungi filtri per tali paesi e continua a indagare su altri attributi (come tipi di radio e dispositivi).