Was ist die User Timing API?
Für eine gute User Experience ist es entscheidend, dass Ihre Webanwendung schnell und reaktionsschnell ist. Der erste Schritt zur Verbesserung der Leistung besteht darin, herauszufinden, wo Zeit aufgewendet wird.
Mit der User Timing API kannst du die JavaScript-Leistung deiner App messen. Dazu fügen Sie API-Aufrufe in Ihren JavaScript-Code ein und extrahieren dann detaillierte Zeitdaten, mit denen Sie Ihren Code optimieren können. Sie können über JavaScript mithilfe der API oder in den Zeitachsenaufzeichnungen in den Chrome-Entwicklertools auf diese Daten zugreifen.
Auf der Seite zur User Timing API finden Sie eine kurze Einführung in die Verwendung.
So meldet Lighthouse Daten zum Nutzertiming
Wenn Ihre Anwendung die User Timing API verwendet, um Markierungen (z. B. Zeitstempel) und Messungen (d. h. Messungen der verstrichenen Zeit zwischen Markierungen) hinzuzufügen, werden diese in Ihrem Lighthouse-Bericht angezeigt:
Lighthouse extrahiert Daten zum Nutzertiming aus dem Trace Event Profiling-Tool von Chrome.
Diese Prüfung ist nicht als bestanden oder nicht bestanden. Sie bietet Ihnen die Gelegenheit, eine nützliche API zu entdecken, mit der Sie die Leistung Ihrer App messen können.
Stackspezifische Anleitung
React
Verwenden Sie den React DevTools Profiler, der die Profiler API nutzt, um die Rendering-Leistung Ihrer Komponenten zu messen.