Czym jest interfejs User Timing API?
Zadbaj o to, by Twoja aplikacja internetowa była szybka i responsywna, co jest kluczowe dla wygody użytkowników. Pierwszym krokiem do poprawy skuteczności jest określenie, na co warto poświęcić czas.
Interfejs User Timing API umożliwia pomiar wydajności kodu JavaScript aplikacji. Wystarczy, że wstawisz wywołania interfejsu API w kodzie JavaScript, a potem wyodrębnisz szczegółowe dane dotyczące czasu, które możesz wykorzystać do optymalizacji kodu. Możesz uzyskać dostęp do tych danych z JavaScriptu za pomocą interfejsu API lub wyświetlić je w rejestracjach osi czasu Chrome DevTools.
Aby dowiedzieć się, jak z niego korzystać, zajrzyj na stronę interfejsu User Timing API.
Jak Lighthouse udostępnia dane dotyczące czasu użytkownika
Jeśli Twoja aplikacja korzysta z interfejsu User Timing API do dodawania znaczników (sygnałów czasowych) i pomiarów (czyli pomiaru czasu, jaki upływa między oznaczeniami), zobaczysz je w raporcie Lighthouse:
Lighthouse wyodrębnia dane czasu działań użytkowników z narzędzia Chrome Trace Event Profiling Tool.
Ten audyt nie ma narzuconego ani niezaliczonego testu. To okazja, aby odkryć przydatny interfejs API, który pomaga mierzyć wydajność aplikacji.
Wskazówki dotyczące stosu
Dodaj reakcję
Do pomiaru wydajności renderowania komponentów używaj programu React DevTools Profiler, który korzysta z interfejsu Profiler API.