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 Performance . Puoi identificare rapidamente le regressioni visualizzando le modifiche settimanali o verificare che le modifiche recenti nel tuo codice stiano migliorando le prestazioni.
Ecco alcuni esempi di tendenze che potresti monitorare:
- Un miglioramento nel primo ritardo di input poiché è stato modificato quando l'app carica determinati file JavaScript
- Una riduzione del tempo per il primo disegno contenuto dopo il passaggio all'utilizzo di un 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 importanti per te, mentre altri membri del progetto possono tenere traccia di serie completamente diverse di metriche chiave sulle proprie bacheche.
Per aggiungere una metrica alla scheda delle metriche, procedi nel seguente modo:
- Vai alla dashboard delle prestazioni nella console Firebase.
- Fai clic su una scheda metrica vuota, quindi seleziona una metrica esistente da aggiungere alla scheda.
- 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.
- Ogni scheda metrica mostra la variazione percentuale del valore della metrica nell'intervallo di tempo selezionato, nonché il valore raccolto più di recente della metrica. L'affermazione nella parte superiore della scheda delle metriche è un'interpretazione della variazione percentuale.
- Per impostazione predefinita, la bacheca delle metriche mostra il 75° percentile della metrica, che si allinea con Core Web Vitals . Se desideri visualizzare in che modo diversi segmenti di utenti utilizzano 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 fatto che i dati della metrica stiano tendendo in una direzione buona o cattiva.
Ad esempio, supponi di monitorare il primo ritardo di input di una pagina (un valore che dovrebbe essere piccolo). Se questo valore è in aumento, la bacheca delle metriche visualizza 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 visualizza la percentuale rispettivamente in verde o in grigio.
Se una metrica non ha un'ovvia direzione di tendenza desiderata, come la dimensione del payload della 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 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 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 nella parte inferiore del dashboard delle prestazioni . La tabella raggruppa ciascun 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 visualizza 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à la variazione rispetto ai 7 giorni precedenti.
- Se poi modifichi l'intervallo di tempo in Ultime 24 ore , il valore della metrica sarà la mediana dei dati raccolti dall'ora più recente e la variazione percentuale sarà la variazione rispetto alle 24 ore precedenti.
È possibile ordinare l'elenco delle tracce in ogni 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 seguenti sezioni di questa pagina forniscono maggiori dettagli.
Visualizza più dati per una traccia specifica
Il monitoraggio delle prestazioni fornisce una pagina di risoluzione dei problemi nella console di Firebase che evidenzia le modifiche alle metriche, semplificando la gestione rapida e riducendo al minimo l'impatto dei problemi di prestazioni su app e utenti. Puoi utilizzare la pagina di risoluzione dei problemi quando vieni a conoscenza di 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 maggiori 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 su un nome di traccia o su qualsiasi valore di metrica nella riga associata a tale traccia.
- In un avviso email, fai clic su Esamina ora .
Quando si fa clic sul nome di una traccia nella tabella delle tracce, è quindi possibile visualizzare in dettaglio le metriche di interesse. Fare clic sul pulsante filtro per filtrare i dati per attributo, ad esempio:
- 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 tuo database non riguardi una regione specifica
Visualizza tutte le metriche raccolte per una traccia
Dopo aver fatto clic su una traccia, puoi visualizzare in dettaglio 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, viene visualizzata anche la scheda 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.
È possibile trovare un riepilogo del rendimento per la metrica selezionata proprio sotto le schede delle metriche. Ciò include una panoramica di una frase dell'andamento della metrica nel tempo e un grafico per visualizzare la distribuzione dei dati nell'intero intervallo di date selezionato.
Visualizza informazioni approfondite sui dati
È possibile filtrare e segmentare i dati per attributo oppure 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 influisce sulle prestazioni, procedi nel seguente modo:
- Seleziona Paese dal menu a discesa degli attributi.
- Nella tabella, ordina in base all'ultimo valore per vedere i paesi che hanno il maggiore impatto sui tempi di risposta della tua rete.
- Seleziona i paesi con gli ultimi valori più grandi per tracciarli sul grafico. Quindi posiziona il cursore sulla sequenza temporale nel grafico per sapere quando i tempi di risposta della rete sono rallentati in quei paesi.
- Per indagare ulteriormente sulle cause alla radice dei problemi relativi ai tempi di risposta della rete in paesi specifici, aggiungi filtri per quei paesi e continua a indagare su altri attributi (come i tipi di radio e i dispositivi).