Per visualizzare i dati sul rendimento in tempo reale, assicurati che la tua app utilizzi un Versione dell'SDK di monitoraggio compatibile con l'elaborazione dati in tempo reale. Scopri di più sui dati sul rendimento in tempo reale.
Monitorare le metriche chiave nella dashboard
Per conoscere l'andamento delle tue metriche chiave, aggiungile alla bacheca delle metriche nella parte superiore della Dashboard sul rendimento. Puoi identificare rapidamente le regressioni analizzando su base settimanale modifiche o verificare che le modifiche recenti al codice stiano migliorando il rendimento.
Dashboard di Firebase Performance Monitoring" />
Di seguito sono riportati alcuni esempi di tendenze che puoi monitorare:
- Un miglioramento del First Input Delay perché hai modificato il caricamento dell'app File JavaScript
- Una diminuzione del tempo per la prima visualizzazione con contenuti dopo il passaggio all'utilizzo di una CDN per risorse
- Riduzione delle dimensioni del payload della risposta per una richiesta di rete dall'implementazione dell'utilizzo di miniature
- Un aumento del tempo di risposta della rete per una chiamata API di terze parti durante un ecosistema. interruzione del servizio
Ogni membro di un progetto Firebase può configurare la propria bacheca delle metriche. Puoi monitorare le metriche importanti per te, mentre gli altri membri del progetto possono monitorare insiemi completamente diversi di metriche chiave nelle proprie bacheche.
Per aggiungere una metrica alla scheda delle metriche, segui questi passaggi:
- Vai alla sezione Dashboard Performance nella console Firebase.
- Fai clic su una scheda di una metrica vuota, poi seleziona una metrica esistente da aggiungere alla scheda.
- Clic in una scheda delle metriche compilata per visualizzare altre opzioni, ad esempio per sostituire o rimuovere una metrica.
La scheda delle metriche mostra i dati delle metriche raccolti nel tempo, sia sotto forma di grafico che di variazione percentuale numerica.
- Ogni scheda delle metriche mostra la variazione percentuale del valore della metrica nel tempo selezionato nonché il valore raccolto più di recente dalla metrica. La dichiarazione nella parte superiore della la tabella delle metriche interpreta la variazione percentuale.
- Per impostazione predefinita, la scheda delle metriche mostra il valore del 75° percentile della metrica, in linea con Core Web Vitals. Se vuoi vedere in che modo i diversi segmenti di utenti utilizzano la tua app, seleziona una percentile diverso dal menu a discesa nella parte superiore della pagina della dashboard.
Che cosa indicano i colori rosso, verde e grigio?
La maggior parte delle metriche ha una direzione di tendenza auspicata, pertanto la scheda delle metriche utilizza il colore per mostrare un'interpretazione dell'andamento dei dati della metrica in una direzione positiva o negativa.
Ad esempio, supponi di monitorare il ritardo della prima immissione di una pagina (un valore che dovrebbe essere piccolo). Se questo valore aumenta, la scheda delle metriche mostra la percentuale della metrica. diventa rosso, richiamando l'attenzione su un possibile problema. Tuttavia, se il valore è in diminuzione o immutato, la scheda delle metriche mostra la percentuale rispettivamente in verde o grigio.
Se una metrica non ha una direzione di tendenza desiderata, come dimensione del payload della risposta per una richiesta di rete, la scheda delle metriche mostra sempre variazione percentuale della metrica in grigio, indipendentemente dal trend dei dati.
Cosa significano 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 il mouse sopra il 30 agosto, la linea tratteggiata azzurra indica il valore della metrica per il 23 agosto.
Visualizza le tracce e i relativi dati
Puoi visualizzare tutte le tracce per la tua app nella tabella delle tracce, che si trova in basso della dashboard Rendimento. La tabella raggruppa ciascun tipo di traccia all'interno di una scheda secondaria appropriata. Ad esempio: Tutte le tracce delle richieste di rete sono elencate nella scheda secondaria Richieste di rete.
La tabella delle tracce mostra i valori di alcune metriche principali per ogni traccia, nonché la variazione percentuale del valore di ogni metrica. Questi valori vengono calcolati in base alle selezioni del percentile e dell'intervallo di tempo impostati nella parte superiore del 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 percentile 75 dei dati raccolti dal giorno più recente e la variazione percentuale sarà la variazione degli ultimi 7 giorni.
- Se poi modifichi l'intervallo di tempo in Ultime 24 ore, la metrica corrisponderà alla mediana dei dati raccolti a partire dall'ora più recente e la variazione percentuale sarà la variazione registrata nelle 24 ore precedenti.
Puoi ordinare l'elenco delle tracce in ogni scheda secondaria in base al valore della metrica o variazione percentuale per una metrica specifica. Questo può aiutarti a identificare rapidamente a potenziali problemi nella tua app.
Per visualizzare tutte le metriche e i dati per una traccia specifica, fai clic sul nome della traccia in nella tabella delle tracce. Le seguenti sezioni di questa pagina forniscono ulteriori dettagli.
Visualizza altri dati per una traccia specifica
Performance Monitoring fornisce una pagina per la risoluzione dei problemi nella console Firebase che mette in evidenza le variazioni delle metriche, consentendo di risolvere rapidamente e ridurre al minimo l'impatto dei problemi di prestazioni sulle tue app e sui tuoi utenti. Puoi usare la pagina di risoluzione dei problemi quando trovi potenziali problemi di prestazioni, ad esempio, nei seguenti scenari:
- Seleziona le metriche pertinenti nella dashboard e noti un delta elevato.
- Nella tabella delle tracce, ordina in modo da visualizzare i delta più grandi in alto e vedrai un una variazione percentuale significativa.
- Ricevi un avviso via email che ti informa di un problema di rendimento.
Puoi accedere alla pagina di risoluzione dei problemi nei seguenti modi:
- Nella dashboard delle metriche, fai clic sul pulsante Visualizza dettagli metrica.
- In qualsiasi scheda delle metriche, seleziona
=> Visualizza dettagli La pagina di risoluzione dei problemi mostra informazioni sulla metrica che hai selezionato. - Nella tabella delle tracce, fai clic sul nome di una traccia o su qualsiasi valore della metrica nella riga associata alla traccia. traccia.
- In un avviso via email, fai clic su Indaga ora.
Quando fai clic sul nome di una traccia nella tabella delle tracce, puoi visualizzare in dettaglio le metriche di
interesse. Fai clic sull'
Pulsante
Dati di Firebase Performance Monitoring filtrati per attributo" />
- Filtra per URL pagina per visualizzare i dati relativi a una pagina specifica del sito
- Filtra per Tipo di connessione effettivo per scoprire come una connessione 3G influisce sulla tua app
- Filtra per Paese per assicurarti che la località del database non influisca su un valore specifico regione
Visualizza tutte le metriche raccolte per una traccia
Dopo aver fatto clic su una traccia, puoi visualizzare in dettaglio le metriche che ti interessano:
- Tracce richieste di rete: le schede delle metriche disponibili sono tempo di risposta e dimensioni del payload della risposta.
- Tracce di codice personalizzate: la scheda della metrica Durata è sempre disponibile (il valore predefinito per questo tipo di traccia). Se hai aggiunto metriche personalizzate a una traccia di codice personalizzata, della metrica.
- Tracce di caricamento pagina: le schede delle metriche disponibili includono First Paint, First Contentful Paint, First Input Delay ed eventi correlati al DOM.
Grafico di distribuzione di Firebase Performance Monitoring" />
Il riepilogo del rendimento per la metrica selezionata è disponibile sotto le schede delle metriche. che include una panoramica di una frase della tendenza della metrica nel tempo e un grafico da visualizzare la distribuzione dei dati nell'intero intervallo di date selezionato.
Visualizzare informazioni approfondite sui dati
Puoi filtrare e segmentare i dati in base all'attributo o fare clic per visualizzare i dati nella contesto di una sessione di utilizzo dell'app.
Ad esempio, per capire perché il tempo di risposta recente della tua rete è lento e se un paese influenza il rendimento, procedi nel seguente modo:
- Seleziona Paese dal menu a discesa degli attributi.
- Nella tabella, ordina i dati in base all'ultimo valore per visualizzare i paesi che hanno il maggiore impatto su i tempi di risposta della rete.
- Seleziona i paesi con i valori più recenti più elevati per tracciarli sul grafico. Quindi, passa il mouse cursore sopra la sequenza temporale del grafico per sapere quando i tempi di risposta della rete sono rallentati in quelle paesi.
- Per approfondire le cause principali dei problemi relativi al tempo di risposta della rete in paesi specifici, aggiungi filtri per questi paesi e continuare a effettuare accertamenti in merito ad altri attributi (come i tipi e dispositivi).