Aby wyświetlać dane o wydajności w czasie rzeczywistym, upewnij się, że Twoja aplikacja korzysta z wersji Performance Monitoring SDK, która jest zgodna z przetwarzaniem danych w czasie rzeczywistym. Dowiedz się więcej o danych o wydajności w czasie rzeczywistym .
Śledź kluczowe wskaźniki na swoim pulpicie nawigacyjnym
Aby dowiedzieć się, jak kształtują się Twoje kluczowe dane, dodaj je do swojej tablicy wskaźników u góry panelu wydajności . Możesz szybko zidentyfikować regresje, obserwując zmiany z tygodnia na tydzień lub sprawdzając, czy ostatnie zmiany w kodzie poprawiają wydajność.
Oto kilka przykładowych trendów, które możesz śledzić:
- Poprawa opóźnienia przy pierwszym wejściu, ponieważ zmieniłeś się, gdy Twoja aplikacja ładuje określone pliki JavaScript
- Skrócenie czasu pierwszego malowania zawartości po przejściu na CDN dla zasobów
- Spadek wielkości ładunku odpowiedzi na żądanie sieciowe, odkąd zaimplementowałeś użycie miniatur
- Wydłużenie czasu odpowiedzi sieci na wywołanie interfejsu API innej firmy podczas awarii ekosystemu
Każdy członek projektu Firebase może skonfigurować własną tablicę metryk. Możesz śledzić ważne dla Ciebie metryki, podczas gdy inni członkowie projektu mogą śledzić na swoich tablicach zupełnie inne zestawy kluczowych metryk.
Aby dodać dane do tablicy metryk, wykonaj następujące kroki:
- Przejdź do pulpitu wydajności w konsoli Firebase.
- Kliknij pustą kartę metryki, a następnie wybierz istniejącą metrykę, aby dodać ją do swojej tablicy.
- Kliknij na wypełnionej karcie metryki, aby uzyskać więcej opcji, na przykład zastąpienie lub usunięcie metryki.
Tablica metryk pokazuje zebrane dane metryk w czasie, zarówno w formie graficznej, jak i liczbowej zmiany procentowej.
- Każda karta metryki wyświetla procentową zmianę wartości metryki w wybranym przedziale czasu, a także ostatnio zebraną wartość metryki. Oświadczenie na górze tablicy metryk jest interpretacją zmiany procentowej.
- Domyślnie tablica metryk wyświetla 75. percentyl wartości metryki, która jest zgodna z podstawowymi wskaźnikami internetowymi . Jeśli chcesz zobaczyć, jak różne segmenty użytkowników korzystają z Twojej aplikacji, wybierz inny percentyl z listy rozwijanej u góry strony panelu.
Co oznaczają kolory czerwony, zielony i szary?
Większość metryk ma pożądany kierunek trendu, więc tablica metryk używa kolorów do wyświetlania interpretacji tego, czy dane metryki mają tendencję w dobrym, czy złym kierunku.
Załóżmy na przykład, że śledzisz pierwsze opóźnienie wejścia strony (wartość, która powinna być mała). Jeśli ta wartość rośnie, tablica metryk wyświetla procentową zmianę metryki na czerwono, zwracając uwagę na możliwy problem. Jeśli jednak wartość maleje lub nie zmienia się, tablica metryk wyświetla wartość procentową odpowiednio w kolorze zielonym lub szarym.
Jeśli metryka nie ma oczywistego pożądanego kierunku trendu, takiego jak rozmiar ładunku odpowiedzi dla żądania sieciowego, wówczas tablica metryk zawsze wyświetla procentową zmianę metryki na szaro, niezależnie od trendów danych.
Co oznaczają linie ciągłe i przerywane?
ciemnoniebieska linia ciągła — wartość metryki w czasie
jasnoniebieska przerywana linia — wartość wskaźnika w określonym czasie w przeszłości
Jeśli na przykład wybierzesz wyświetlanie wykresu z ostatnich 7 dni i najedziesz kursorem na 30 sierpnia, jasnoniebieska przerywana linia wskaże wartość danych z 23 sierpnia.
Zobacz ślady i ich dane
Możesz wyświetlić wszystkie dane śledzenia dla swojej aplikacji w tabeli śledzenia, która znajduje się na dole pulpitu nawigacyjnego Wydajność . Tabela grupuje każdy typ śledzenia w odpowiedniej podzakładce. Na przykład wszystkie ślady żądań sieciowych są wymienione na podkarcie Żądania sieciowe .
W tabeli śladów wyświetlane są wartości niektórych najważniejszych metryk dla każdego śladu wraz z procentową zmianą wartości każdej metryki. Wartości te są obliczane na podstawie wyboru percentyla i przedziału czasowego ustawionego w górnej części karty Pulpit nawigacyjny . Oto kilka przykładów:
- Jeśli wybierzesz percentyl 75% i zakres czasu Ostatnie 7 dni , wówczas wartością metryki będzie 75. percentyl zebranych danych z ostatniego dnia , a zmiana procentowa będzie zmianą od 7 dni wcześniej.
- Jeśli następnie zmienisz zakres czasu na Ostatnie 24 godziny , wartością metryki będzie mediana zebranych danych z ostatniej godziny , a zmiana procentowa będzie zmianą od 24 godzin wcześniej.
Listę śladów na każdej podkarcie można posortować według wartości metryki lub zmiany procentowej dla określonej metryki. Pomoże Ci to szybko zidentyfikować potencjalne problemy w Twojej aplikacji.
Aby wyświetlić wszystkie metryki i dane dla określonego śladu, kliknij nazwę śladu w tabeli śladów. Dalsze sekcje tej strony zawierają więcej szczegółów.
Wyświetl więcej danych dla określonego śladu
Monitorowanie wydajności udostępnia stronę rozwiązywania problemów w konsoli Firebase, która podkreśla zmiany wskaźników, ułatwiając szybkie rozwiązywanie problemów i minimalizowanie wpływu problemów z wydajnością na aplikacje i użytkowników. Możesz użyć strony rozwiązywania problemów, gdy dowiesz się o potencjalnych problemach z wydajnością, na przykład w następujących scenariuszach:
- Wybierasz odpowiednie dane na pulpicie nawigacyjnym i zauważasz dużą deltę.
- W tabeli śladów sortujesz, aby wyświetlić największe delty u góry, i widzisz znaczną zmianę procentową.
- Otrzymasz alert e-mail z powiadomieniem o problemie z wydajnością.
Dostęp do strony rozwiązywania problemów można uzyskać w następujący sposób:
- Na pulpicie nawigacyjnym metryki kliknij przycisk Wyświetl szczegóły metryki .
- Na dowolnej karcie metrycznej wybierz => Wyświetl szczegóły . Strona rozwiązywania problemów wyświetla informacje o wybranych danych.
- W tabeli śledzenia kliknij nazwę śledzenia lub dowolną wartość metryki w wierszu powiązanym z tym śladem.
- W e-mailu z alertem kliknij Zbadaj teraz .
Po kliknięciu nazwy śledzenia w tabeli śledzenia można przejść do interesujących metryk. Kliknij przycisk filtr , aby przefiltrować dane według atrybutu, na przykład:
- Filtruj według adresu URL strony , aby wyświetlić dane dla określonej strony w Twojej witrynie
- Filtruj według efektywnego typu połączenia, aby dowiedzieć się, jak połączenie 3G wpływa na Twoją aplikację
- Filtruj według kraju , aby upewnić się, że lokalizacja Twojej bazy danych nie ma wpływu na określony region
Wyświetl wszystkie zebrane metryki dla śledzenia
Po kliknięciu śladu możesz przejść do interesujących Cię wskaźników:
- Ślady żądań sieciowych — dostępne karty metryk to czas odpowiedzi i rozmiar ładunku odpowiedzi .
- Niestandardowe ślady kodu — karta Metryka czasu trwania jest zawsze dostępna (domyślna metryka dla tego typu śledzenia). Jeśli do niestandardowego śledzenia kodu dodano dowolne metryki niestandardowe, zostaną również wyświetlone te karty metryk.
- Ślady wczytywania strony — Dostępne zakładki metryk obejmują pierwsze malowanie , pierwsze malowanie zawartości , pierwsze opóźnienie wejścia i zdarzenia związane z DOM.
Podsumowanie skuteczności dla wybranych danych można znaleźć tuż pod kartami danych. Obejmuje to jednozdaniowe omówienie trendu danych w czasie oraz wykres do wizualizacji rozkładu danych w całym wybranym zakresie dat.
Zobacz szczegółowe informacje o danych
Możesz filtrować i segmentować dane według atrybutu lub kliknąć, aby wyświetlić dane w kontekście sesji użytkowania aplikacji.
Na przykład, aby zrozumieć, dlaczego ostatnio czas odpowiedzi sieci jest długi i czy kraj wpływa na wydajność, wykonaj następujące kroki:
- Wybierz kraj z listy rozwijanej atrybutów.
- Posortuj w tabeli według ostatniej wartości, aby zobaczyć kraje, które mają największy wpływ na czas odpowiedzi Twojej sieci.
- Wybierz kraje z największymi ostatnimi wartościami, aby umieścić je na wykresie. Następnie najedź kursorem na oś czasu na wykresie, aby dowiedzieć się, kiedy czasy odpowiedzi sieci uległy spowolnieniu w tych krajach.
- Aby dokładniej zbadać podstawowe przyczyny problemów z czasem odpowiedzi sieci w określonych krajach, dodaj filtry dla tych krajów i kontynuuj badanie innych atrybutów (takich jak typy radia i urządzenia).