HAR-Datei-Wasserfall-Analyzer

Eine HAR-Datei (HTTP Archive) ist ein JSON-Export aller Daten, die der Netzwerk-Tab der DevTools eines Browsers während eines Seitenaufrufs aufgezeichnet hat: jeder Request- und Response-Header, die exakte Größe und der MIME-Typ jedes Antwort-Bodys sowie eine detaillierte Zeitaufschlüsselung pro Anfrage. Sie können eine solche Datei in Chrome, Firefox, Edge oder Safari erstellen, indem Sie die DevTools öffnen, den Netzwerk-Tab aktivieren, die Seite neu laden und dann mit einem Rechtsklick auf die Anfragenliste „Alle als HAR mit Inhalt speichern“ wählen. Dieses Tool liest die exportierte Datei direkt – nichts wird erneut abgerufen oder angefragt.

Die Wasserfall-Ansicht wird ausschließlich aus den bereits in der Datei enthaltenen Daten erstellt: Das Timings-Objekt jedes Eintrags unterteilt eine Anfrage in die Phasen Blocked, DNS-Lookup, Connect, SSL/TLS-Handshake, Send, Wait (Time to First Byte) und Receive, und jede Phase wird als eigener farbiger Balken dargestellt. Gemäß der HAR-Spezifikation ist die SSL-Zeit auch in Connect enthalten, daher wird sie zuerst herausgerechnet – andernfalls würde der TLS-Anteil doppelt gezählt und die Balkenbreiten würden nicht mehr der tatsächlichen Dauer der Anfrage entsprechen. Gestrichelte vertikale Markierungen zeigen DOMContentLoaded und Load, die direkt aus den Seiten-Timings der Datei ausgelesen werden, sodass Sie genau sehen, welche Anfragen abgeschlossen waren, bevor die Seite interaktiv wurde.

Über die Grafik hinaus wendet das Tool drei Erkennungsregeln auf die im HAR-Format bereits enthaltenen Felder an. Es markiert cachefähige Antworten (Status 200, 203 oder 206), die weder einen Cache-Control- noch einen Expires-Header aufweisen – ein wiederholter Besuch muss sie dann erneut komplett herunterladen. Es markiert textbasierte Antworten – HTML, CSS, JavaScript, JSON, SVG und ähnliche – die größer als 1 KB sind und ohne Content-Encoding ausgeliefert wurden, eine einfache Optimierung, die die meisten Server mit einer Zeile Konfiguration aktivieren können. Zudem markiert es CSS- oder JavaScript-Anfragen, die vor dem DOMContentLoaded-Zeitpunkt der Seite gestartet wurden – das klassische Anzeichen für render-blockierende Ressourcen.

All dies läuft auf Basis der Daten, die bereits in der von Ihnen hochgeladenen Datei enthalten sind – es gibt keinen Netzwerkzugriff, keinen externen Lookup-Dienst und kein erneutes Abrufen der ursprünglichen Seite. Die HAR-Datei wird vollständig in Ihrem Browser-Tab eingelesen, geparst und gerendert und niemals irgendwohin hochgeladen.