HAR-Datei - Was ist das und wie man sie erstellen kann?

Wenn es darum geht, die Komplexität der Web-Performance zu verstehen und Probleme zu beheben, sind HAR-Dateien ein zentrales Werkzeug für Entwickler und technische Support-Teams. HAR steht für HTTP Archive und ist ein Dateiformat, mit dem sich alle Interaktionen eines Browsers mit einer Website aufzeichnen lassen.

In diesem umfassenden Leitfaden erfahren Sie, was HAR-Dateien sind, welche Bedeutung sie haben und wie Sie sie Schritt für Schritt in verschiedenen gängigen Browsern wie Chrome, Firefox, Safari und Edge erstellen können.

HAR-Dateien verstehen

Was ist eine HAR-Datei?

Was ist eine HAR-Datei?

Eine HAR-Datei ist ein JSON-formatiertes Protokoll der Interaktionen eines Webbrowsers mit einer Website.

Sie speichert alle gesendeten Anfragen und empfangenen Antworten, die Zeit, die zum Abrufen dieser Antworten benötigt wurde, Header, Cookies und andere Details, die für eine detaillierte Analyse wichtig sind. Durch die Untersuchung einer HAR-Datei lassen sich Leistungsschwächen aufdecken, Netzwerkprobleme erkennen und das Verhalten von Webanwendungen verstehen.

Warum sind HAR-Dateien Wichtig?

HAR-Dateien sind für Entwickler und IT-Experten von unschätzbarem Wert, da sie einen detaillierten Überblick über die Ladesequenz der einzelnen Elemente auf einer Webseite bieten. Dies kann besonders nützlich sein, wenn:

• Diagnose von langsamen Ladezeiten
  Fehlersuche bei komplexen Anfrage- und Antwortzyklen
  Analyse der Reihenfolge der Ressourcenbelastung
  Identifizierung von Diensten Dritter, die die Leistung beeinträchtigen

Wie man eine HAR-Datei in verschiedenen Browsern generieren kann?

Google Chrome

• Step 1Entwickler-Tools öffnen

  Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle der Seite, die Sie analysieren möchten, und wählen Sie Untersuchen, oder drücken Sie Ctrl+Shift+I (Cmd+Option+I auf Mac).

• Step 2Zugriff auf die Registerkarte Netzwerk

  Klicken Sie im Bereich Entwicklertools auf die Registerkarte Netzwerk.

• Step 3Die Sitzung aufzeichnen

  
  

  Vergewissern Sie sich, dass die Aufzeichnungsschaltfläche (der rote Kreis oben links auf der Registerkarte Netzwerk) aktiv ist. Wenn sie grau ist, klicken Sie darauf, um die Aufzeichnung zu starten.

  

• Step 4Das Problem reproduzieren

  Falls noch nicht geschehen, aktivieren Sie das Kontrollkästchen Protokoll beibehalten. Klicken Sie auf die graue gekreuzte Schaltfläche, um alle vorhandenen Protokolle auf der Registerkarte Netzwerk zu löschen. Aktualisieren Sie die Seite oder führen Sie die Aktionen durch, die zu dem Problem geführt haben, das Sie untersuchen.

• Step 5Die HAR-Datei speichern

  Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle im Raster der Netzanfragen, wählen Sie Alle als HAR mit Inhalt speichern und speichern Sie die Datei an dem von Ihnen gewünschten Ort.

  

Mozilla Firefox

• Step 1Netzwerk-Monitor öffnen

  Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle der Seite und wählen Sie Element inspizieren. Klicken Sie dann auf die Registerkarte Netzwerk oder drücken Sie Ctrl+Shift+E (Cmd+Option+E auf Mac).

• Step 2Traffic-Erfassung beginnen

  Die Aufzeichnung beginnt automatisch, wenn Sie den Netzwerkmonitor öffnen.

• Step 3Das Problem reproduzieren

  Aktualisieren Sie die Seite oder führen Sie die erforderlichen Aktionen durch, um den Datenverkehr im Zusammenhang mit Ihrem Problem zu erfassen.

• Step 4Die HAR-Datei exportieren

  Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle im Netzanforderungsraster, wählen Sie Alle als HAR speichern und wählen Sie den Speicherort für die Datei.

  

Safari

• Step 1Das Entwicklungsmenü aktivieren

  Gehen Sie zu Safari > Einstellungen > Erweitert und aktivieren Sie unten das Kontrollkästchen “Funktionen für Webentwickler anzeigen“.

  

• Step 2Den Web Inspector öffnen

  Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle der Seite und wählen Sie “Element inspizieren“, dann klicken Sie auf die Registerkarte “Netzwerk” oder drücken Sie Cmd+Option+I.

• Step 3Das Problem reproduzieren

  Aktualisieren Sie die Seite oder führen Sie die erforderlichen Aktionen durch, um den mit Ihrem Problem verbundenen Datenverkehr zu erfassen.

• Step 4Als HAR exportieren

  Nachdem Sie die Schritte zur Wiederherstellung des Problems durchgeführt haben, klicken Sie auf die Schaltfläche Exportieren oben rechts auf der Registerkarte Netzwerk und speichern Sie die HAR-Datei.

  

Microsoft Edge

• Step 1Zugriff auf Entwickler-Tools

  Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle der Seite und wählen Sie Untersuchen oder drücken F12 oder Ctrl+Shift+I.

• Step 2Zur Registerkarte Netzwerk navigieren

  Klicken Sie im Fenster Entwicklertools auf die Registerkarte Netzwerk.

  

• Step 3Netzwerkaktivitäten aufzeichnen

  Stellen Sie sicher, dass die Aufzeichnung aktiv ist (roter Kreis). Wenn nicht, klicken Sie darauf, um sie zu starten.

  

• Step 4Aktionen durchführen

  Aktualisieren Sie die Seite oder wiederholen Sie die Schritte, die Sie zur Fehlerbehebung benötigen.

• Step 5Die HAR-Datei speichern

  Klicken Sie mit der rechten Maustaste auf die Liste der Netzwerkereignisse und klicken Sie auf Alle als HAR mit Inhalt speichern, und speichern Sie die Datei.

  

Analysieren von HAR-Dateien

Sobald Sie eine HAR-Datei erstellt haben, können Sie sie bei Bedarf mit verschiedenen Online-Tools oder durch manuelle Prüfung des JSON-formatierten Inhalts analysieren. Suchen Sie nach langen Wartezeiten, fehlgeschlagenen Anfragen oder großen Dateien, die optimiert werden könnten.

Schlussfolgerung

HAR-Dateien sind eine leistungsstarke Ressource für alle, die die Leistung ihrer Website optimieren oder Probleme beheben möchten. Wenn Sie die oben beschriebenen Schritte befolgen, können Sie HAR-Dateien in Chrome, Firefox, Safari und Edge erstellen und so wertvolle Einblicke in das Innenleben von Webinteraktionen gewinnen.

FAQs

Können HAR-Dateien sensible Daten enthalten?

Ja, HAR-Dateien können sensible Daten wie persönliche Daten, Cookies und Authentifizierungs-Token enthalten. Es ist wichtig, HAR-Dateien mit Vorsicht zu behandeln und weiterzugeben und sicherzustellen, dass sie nur mit vertrauenswürdigen Parteien geteilt und sicher gespeichert werden.

Wie kann ich den Inhalt einer HAR-Datei anzeigen?

Sie können HAR-Dateien mit verschiedenen Online-Tools wie dem HAR Analyzer von Google oder Software, die das JSON-Format parsen kann, anzeigen. Diese Tools ermöglichen es Ihnen, die Daten in einem besser lesbaren Format zu visualisieren.

Werden HAR-Dateien für Leistungstests verwendet?

HAR-Dateien werden zwar in der Regel nicht für automatisierte Leistungstests verwendet, sie sind jedoch eine hervorragende Ressource für die manuelle Leistungsanalyse und können dabei helfen, Probleme zu erkennen, die bei automatisierten Tests möglicherweise nicht sichtbar sind.

Kann die Erstellung einer HAR-Datei die Leistung der Website beeinträchtigen?

Der Prozess der Erstellung einer HAR-Datei sollte die Leistung der Website für den Benutzer nicht wesentlich beeinträchtigen. Die Entwicklertools können jedoch zusätzliche Systemressourcen auf Ihrem Computer verbrauchen, was Ihren Browser oder Ihr Betriebssystem leicht verlangsamen kann.

Ist es möglich, eine HAR-Datei zu bearbeiten?

Ja, da HAR-Dateien im JSON-Format vorliegen, können sie mit einem Texteditor bearbeitet werden. Es wird jedoch nicht empfohlen, eine HAR-Datei zu bearbeiten, wenn Sie nicht genau wissen, welche Änderungen Sie vornehmen müssen, da dies die Datei beschädigen oder die aufgezeichneten Daten verändern könnte.