Kapitel 15. Leistung messen
Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com
Einführung
Es gibt viele Tools von Drittanbietern, um die Leistung einer JavaScript-Anwendung zu messen, aber auch der Browser hat einige praktische Tools zur Erfassung von Leistungsdaten eingebaut.
Die Navigation Timing API wird verwendet, um Leistungsdaten über das erste Laden der Seite zu erfassen. Du kannst überprüfen, wie lange es dauerte, bis die Seite geladen wurde, wie lange es dauerte, bis das DOM interaktiv wurde, und vieles mehr. Sie gibt eine Reihe von Zeitstempeln zurück, die angeben, wann die einzelnen Ereignisse beim Laden der Seite eingetreten sind.
Mit der Resource Timing API kannst du überprüfen, wie lange das Herunterladen von Ressourcen und Netzwerkanfragen gedauert hat. Dies gilt für Seitenressourcen wie HTML-Dateien, CSS-Dateien, JavaScript-Dateien und Bilder. Sie deckt auch asynchrone Anfragen ab, wie z. B. solche, die mit der Fetch-API gestellt werden.
Die User Timing API ist eine Möglichkeit, die verstrichene Zeit beliebiger Vorgänge zu berechnen. Du kannst Leistungsmarken erstellen, die Punkte in der Zeit sind, und Maßnahmen, die berechnete Zeitspannen zwischen den Marken sind.
Alle diese APIs erstellen Leistungseinträge in einem Puffer auf der Seite. Dies ist eine einzige Sammlung aller Arten von Leistungseinträgen. Du kannst diesen Puffer jederzeit einsehen und du kannst auch PerformanceObserver ...
Get Web API Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
