⭐ 0
🔍
Text Bild PDF och dokument Ljud Musik Elektronik Tid Verktyg Validatorer Esoterik Spel

HAR-fils vattenfallsanalysator

Ladda upp en .har-fil exporterad från din webbläsares DevTools för att se en verklig vattenfallsgraf över förfrågningar, byggd direkt från varje förfrågnings egen tidsdata, plus kontroller för saknade cache-headers, okomprimerade svar och renderingsblockerande skript.

🔒 Bearbetas helt i din webbläsare – ingenting du anger här laddas någonsin upp.

Dra och släpp filen här eller klicka för att bläddra

Exportera en HAR-fil från din webbläsares DevTools → Nätverksflik (högerklicka i förfrågningslistan → ”Save all as HAR with content”) och släpp den här. Allt analyseras och renderas lokalt – filen laddas aldrig upp någonstans.

Bearbetar... 0%
Analyserar HAR-fil
Bygger vattenfallsgraf
Analyserar förfrågningar
Klart

Resultat

En HAR-fil (HTTP Archive) är en JSON-export av allt som webbläsarens DevTools nätverkspanel spelade in under en sidladdning: varje förfrågnings- och svarsheader, den exakta storleken och MIME-typen för varje svarskropp, samt en tidsuppdelning per förfrågan. Du kan skapa en från Chrome, Firefox, Edge eller Safari genom att öppna DevTools, ladda om sidan på nätverksfliken och sedan högerklicka på förfrågningslistan och välja ”Save all as HAR with content”. Detta verktyg läser den exporterade filen direkt – ingenting hämtas eller begärs på nytt.

Vattenfallsgrafen byggs helt från data som redan finns i filen: varje posts tidsobjekt bryter ner en förfrågan i faserna blockerad, DNS-uppslag, anslut, SSL/TLS-förhandling, sänd, vänta (time to first byte) och ta emot, och varje fas ritas som sitt eget färgade segment. Enligt HAR-specen ingår SSL-tiden också i anslut, så den subtraheras först – annars skulle TLS-delen räknas dubbelt och staplarnas bredd skulle inte stämma med förfrågans verkliga varaktighet. Streckade vertikala markörer visar DOMContentLoaded och Load, hämtade direkt från filens egna sidtider, så att du kan se exakt vilka förfrågningar som avslutades innan sidan blev interaktiv.

Utöver grafen kör verktyget tre fyndregler över fält som HAR-formatet redan innehåller. Det flaggar cachebara svar (status 200, 203 eller 206) som varken har Cache-Control- eller Expires-header, vilket innebär att ett återbesök måste ladda ner dem på nytt. Det flaggar textbaserade svar – HTML, CSS, JavaScript, JSON, SVG och liknande – större än 1 kB som skickades utan Content-Encoding, ett enkelt komprimeringstillfälle som de flesta servrar kan aktivera med en konfigurationsrad. Och det flaggar CSS- eller JavaScript-förfrågningar som startade före sidans egen DOMContentLoaded-tidpunkt, den klassiska signaturen för en renderingsblockerande resurs.

Allt detta körs på data som redan finns i filen du laddar upp – det finns ingen nätverksåtkomst, ingen extern uppslagstjänst och ingen återhämtning av den ursprungliga sidan. HAR-filen läses, analyseras och renderas helt i din webbläsarflik och laddas aldrig upp någonstans.

Gillar du det här verktyget? Tror du att den här produkten är användbar? Ser du potential i det och vill stödja det?

🛡️
Körs i webbläsare

Dina filer och indata lämnar aldrig den här enheten. Bearbetningen körs helt offline. 100 % säker.

Godkända format och regler

  • Canvas-renderad vattenfallsgraf som färgkodas efter tidsfas, med markörer för DOMContentLoaded och Load.
  • Tre regelbaserade fyndgrupper: saknade cache-headers, okomprimerade textsvar och renderingsblockerande kandidater.
  • Helt offline: den uppladdade .har-filen analyseras och bearbetas enbart i din webbläsare – ingenting skickas någonstans.

Viktiga fördelar

✓ Verklig vattenfallsgraf från verklig tidsdata: Varje stapel ritas direkt från varje förfrågnings egna blockerad/DNS/anslut/SSL/sänd/vänta/ta emot-faser – inget uppskattas eller mäts om.
✓ Saknad cache-detektor: Flaggar 200/203/206-svar som skickats utan vare sig Cache-Control eller Expires-header, så att återbesök hämtar dem i onödan.
✓ Hitta okomprimerade svar: Flaggar textbaserade svar över 1 kB som skickats utan Content-Encoding, en vanlig och enkel komprimeringsvinst.
✓ Renderingsblockerande kandidater: Korsrefererar CSS/JS-förfrågningar mot sidans egen DOMContentLoaded-tid för att flagga skript och stilmallar som hämtades innan sidan kunde renderas.

Användningsfall

  • • Diagnostisera varför en sida känns långsam genom att ladda upp en exporterad HAR-fil och se den verkliga tidsuppdelningen per begäran istället för att gissa utifrån en skärminspelning.
  • • Granska en webbplatscachningsstrategi genom att hitta alla svar som levereras utan Cache-Control- eller Expires-header och som skulle laddas ned på nytt vid varje återbesök.
  • • Identifiera renderingsblockerande CSS eller JavaScript innan du kör en fullständig prestandaanalys genom att kontrollera vilka begäranden som startade före DOMContentLoaded i en infångad HAR-fil.