HTTP Archive Viewer – HAR Viewer

Die Geschwindigkeit mit der eine Webseite angezeigt und dargestellt wird, hängt (auch) vom Aufbau der Webseite selbst ab. Die Dateigrößen der referenzierten Bilder spielen, wie auch die Reihenfolge der referenzierten und inkludierten JavaScript-Dateien, Stylesheets und Bilder eine Rolle. Um das Verhalten beim Laden einer Webseite besser verstehen zu können, hat man mit dem HAR Format eine Norm geschaffen, mit der der Ladevorgang gemessen und beschrieben wird. Gängige Browser können beim Laden und Darstellen einer Webseite eine HAR-Datei erstellen, die den Ladevorgang beschreibt. Mit einem entsprechenden HAR-Viewer kann dann der Lade und Darstellungsvorgang analysiert und optimiert werden. Durch das Vergleichen unterschiedlicher HAR-Dateien ein und der selben Webseite, kann eine Optimierung bewertet werden und nachgewiesen werden. HAR-Dateien enthalten gespeicherte Informationen über den HTTP-Traffic einer Webseite und lassen sich mit einfachen Tools, wie zum Beispiel Firebug für Mozilla Firefox, erstellen.Wir haben einen HAR Viewer auf unserem Server für Sie installiert, damit Sie sich Ihre HAR-Dateien unkompliziert anschauen können. So sehen Sie zum Beispiel, welche Datei wie lange zum Laden braucht und wie viel Zeit zwischen Anfrage und Darstellung vergeht. Dadurch ist der HAR Viewer ein unverzichtbares Tool bei der Webseitenoptimierung.

So funktioniert es:
Rufen Sie unseren HAR-Viewer auf und kopieren Sie den Code aus Ihrer HAR-Datei in das dafür vorgesehene Eingabefeld.

Geben Sie jetzt noch den Captcha zur Sicherheitsüberprüfung ein und klicken Sie anschließend auf "Absenden"

Fertig! Ihr HAR-Code wird nun vom HAR Viewer in einem anschaulichen Diagramm dargestellt.

Bild HAR-Viewer

FAQ

Wie erstelle ich HAR-Code?
HAR-Code lässt sich mit einer Vielzahl von Webbrowsern exportieren, darunter Mozilla Firefox, Google Chrome und Safari:

Mozilla Firefox:
Installieren Sie die Erweiterungen Firebug (https://addons.mozilla.org/de/firefox/addon/firebug/) und NetExport (http://getfirebug.com/releases/netexport/).
Öffnen Sie Firebug, klicken Sie auf den Tab "Netzwerk", laden Sie die geöffnete Seite neu und wählen Sie die Option "Export" -> "Save As"

Google Chrome:
Öffnen Sie die Developer Tools, wechseln Sie zum Tab "Network" und exportieren Sie die Daten mittels der rechten Maustaste und "Copy all as HAR". Den kopierten Code können Sie dann direkt aus Ihrer Zwischenablage in das Eingabefeld einfügen.

Safari:
Öffnen Sie die Developer Tools, wechseln Sie zum Tab "Netzwerk" und exportieren Sie die Daten mittels der rechten Maustaste und "Alles als HAR kopieren". Den kopierten Code können Sie dann direkt aus Ihrer Zwischenablage in das Eingabefeld einfügen.

Warum dauert es manchmal länger, bis der Code im HAR Viewer angezeigt wird?
Der HAR-Code wird hochgeladen und dann an den HAR Viewer übermittelt. Je nach Umfang und Größe des Codes kann der Upload einige Zeit dauern. Wenn Sie nur eine langsame Internetverbindung haben, kann dies ebenfalls ein ausschlaggebender Faktor sein.

Welche Möglichkeiten gibt es die Webseitenperformance automatisiert zu erfassen?
Für die Testautomatisierung können wir Ihnen unseren Webseitenperformance -Report-Server anbieten. Dieser verdichtet Einzelergebnisse zu Trends und stellt aufbereitete Reports bereitet. Kontaktieren Sie uns hierzu bitte.

Links:
- HAR-Viewer