HAR File Waterfall Analyzer
Upload en .har-fil, der er eksporteret fra din browsers DevTools, for at se et reelt anmodningsvandfald bygget ud fra hver anmodnings egne timingdata, plus kontroller for manglende cache-headere, ukomprimerede svar og gengivelsesblokerende scripts.
Resultat
En HAR-fil (HTTP Archive) er en JSON-eksport af alt, hvad en browsers DevTools Network-panel registrerede under en sideindlæsning: hver anmodnings- og svarheader, den nøjagtige størrelse og MIME-type af hver svartekst og en tidsfordeling pr. anmodning. Du kan producere en fra Chrome, Firefox, Edge eller Safari ved at åbne DevTools, genindlæse siden på fanen Netværk, derefter højreklikke på anmodningslisten og vælge "Gem alt som HAR med indhold". Dette værktøj læser den eksporterede fil direkte - intet genhentes eller anmodes igen.
Vandfaldsdiagrammet er bygget udelukkende ud fra data, der allerede er inde i filen: hver posts eget timings-objekt opdeler en anmodning i blokeret, DNS-opslag, forbindelse, SSL/TLS-forhandling, send, vent (tid til første byte) og modtagelsesfaser, og hver fase tegnes som sit eget farvede segment. I henhold til HAR-specifikationen er SSL-tiden også inkluderet i forbindelsen, så den trækkes tilbage først - ellers ville TLS-delen blive talt to gange, og søjlebredderne ville ikke længere tælle op til anmodningens reelle varighed. Stiplede lodrette markører viser DOMContentLoaded og Load, læst direkte fra filens egen sidetiming, så du kan se præcis, hvilke anmodninger, der blev afsluttet, før siden blev interaktiv.
Ud over diagrammet kører værktøjet tre finderegler over felter, som HAR-formatet allerede registrerer. Den markerer cachebare svar (status 200, 203 eller 206), der hverken har en Cache-Control eller en Expires-header, hvilket betyder, at et gentaget besøg skal downloade dem igen fra bunden. Den markerer tekstsvar - HTML, CSS, JavaScript, JSON, SVG og lignende - større end 1 KB, der blev serveret uden en indholdskodning, en nem komprimeringsmulighed, som de fleste servere kan aktivere med én konfigurationslinje. Og den markerer CSS- eller JavaScript-anmodninger, der startede før sidens egen DOMContentLoaded offset, den klassiske signatur af et gengivelsesblokerende aktiv.
Alt dette kører på data, der allerede findes i den fil, du uploader - der er ingen netværksadgang, ingen ekstern opslagstjeneste og ingen genhentning af den originale side. HAR-filen læses, parses og gengives fuldstændigt på din browserfane og uploades aldrig nogen steder.
Dine filer og input forlader aldrig denne enhed. Behandlingen kører helt offline. 100 % sikker.
Accepterede formater og regler
- Canvas-renderet anmodningsvandfald farvet efter timingfase med DOMContentLoaded og Load-markører.
- Tre regelbaserede søgegrupper: manglende cacheoverskrifter, ukomprimerede tekstsvar og gengivelsesblokerende kandidater.
- Fuldstændig offline: Den uploadede .har-fil analyseres og analyseres fuldstændigt i din browser - intet sendes nogen steder.
Vigtige fordele
Brug Cases
- • Diagnostiser, hvorfor en side føles langsom ved at uploade dens eksporterede HAR-fil og læse den rigtige tidsoversigt pr. anmodning i stedet for at gætte fra en skærmoptagelse.
- • Revider et websteds cachingstrategi ved at finde hvert svar, der sendes uden Cache-Control eller Expires header og vil blive gendownloadet ved hvert gentaget besøg.
- • Find gengivelsesblokerende CSS eller JavaScript, før du kører en fuld ydelsesrevision, ved at kontrollere, hvilke anmodninger der startede før DOMContentLoaded i en fanget HAR-fil.
Bedøm dette værktøj
