Ein HTTP Archive (HAR) ist eine Datei, die die Netzwerkanforderungen und -antworten eines Webseitenladeprozesses aufzeichnet. Diese Datei kann verwendet werden, um Probleme bei der Webentwicklung und Integration zu diagnostizieren, insbesondere wenn es um Performance-Engpässe, fehlerhafte API-Aufrufe oder unerwartetes Laden von Ressourcen geht. In der Zusammenarbeit mit dem Bare.ID Helpdesk ist die Fähigkeit, HAR-Dateien aufzuzeichnen und zu analysieren, ein nützliches Werkzeug zur Fehleranalyse. Dieser Leitfaden beschreibt, wie man in Google Chrome ein HAR-File erstellt, um die Fehlersuche zu unterstützen.
Vorbereitung
Bevor Du mit der Aufzeichnung beginnst, stelle sicher, dass Du die neueste Version von Google Chrome installiert hast, um von allen aktuellen Entwicklertools und Funktionen zu profitieren. Schließe alle unnötigen Tabs und Erweiterungen, um Störungen und Leistungseinbußen während der Aufzeichnung zu vermeiden.
Schritte zur Aufzeichnung eines HAR-Files in Chrome
Öffnen der Entwicklertools: Starte Chrome und navigiere zur Webseite, die Du analysieren möchten. Klicke mit der rechten Maustaste auf einen Bereich der Seite und wähle „Untersuchen“, oder nutze die Tastenkombination
Ctrl+Shift+I(Windows/Linux) bzw. Cmd+Opt+I (Mac), um die Entwicklertools zu öffnen.Zum Netzwerk-Tab wechseln: In den Entwicklertools findest Du mehrere Tabs wie Elements, Console, Sources usw. Klicke auf den Tab „Network“ (Netzwerk), um alle Netzwerkanfragen zu sehen, die während der Ladephase der Webseite gemacht werden.
Start der Aufzeichnung: Stelle sicher, dass der rote Aufnahmeknopf in der oberen linken Ecke des Netzwerk-Tabs aktiv ist. Falls er nicht rot ist, klicke darauf, um die Aufzeichnung zu starten. Chrome zeichnet nun alle Netzwerkanfragen auf.
Leeren des Caches und Neuladen der Seite: Um eine saubere Aufzeichnung zu gewährleisten, ist es ratsam, den Browser-Cache zu leeren und die Seite neu zu laden. Klicke mit der rechten Maustaste auf den Neulade-Button neben der Adressleiste und wähle “Hard Reload” (Hartes Neuladen), oder nutze die Tastenkombination
Ctrl+Shift+R(Windows/Linux) bzw.Cmd+Shift+R(Mac). Achte darauf, dass Du während des Neuladens und der Aufzeichnung keine weiteren Aktionen auf der Webseite ausführst.Beenden der Aufzeichnung: Nachdem die Seite vollständig geladen wurde und alle Aktivitäten im Netzwerk-Tab erschienen sind, klicke erneut auf den roten Aufnahmeknopf, um die Aufzeichnung zu stoppen.
Exportieren der HAR-Datei: Klicke auf das “Download”-Icon um die gesamte Aufzeichnung als HAR-Datei herunterzuladen. Alternativ kannst DU auch einzelne Schritte als HAR-Datei herunterladen. Klicke dafür mit der rechten Maustaste auf einen der Einträge im Netzwerk-Tab und wähle „Save all as HAR with content“ (Alles als HAR mit Inhalt speichern), um die aufgezeichneten Daten zu exportieren. Benenne die Datei entsprechend und speichere sie an einem gewünschten Ort.