HAR File Waterfall Analyzer
Last opp en .har-fil eksportert fra nettleserens DevTools for å se en reell forespørselsfoss bygget opp fra hver forespørsels egne tidsdata, pluss kontroller for manglende cache-hoder, ukomprimerte svar og gjengivelsesblokkerende skript.
Resultat
En HAR-fil (HTTP Archive) er en JSON-eksport av alt nettleserens DevTools Network-panel registrerte under en sideinnlasting: hver forespørsel og svarhode, den nøyaktige størrelsen og MIME-typen til hver svartekst, og en tidssammenbrudd per forespørsel. Du kan lage en fra Chrome, Firefox, Edge eller Safari ved å åpne DevTools, laste inn siden på nytt på Network-fanen, deretter høyreklikke på forespørselslisten og velge "Lagre alt som HAR med innhold". Dette verktøyet leser den eksporterte filen direkte - ingenting blir hentet på nytt eller forespurt på nytt.
Fossdiagrammet er bygget utelukkende fra data som allerede er inne i filen: hver oppførings eget timingsobjekt deler opp en forespørsel i blokkert, DNS-oppslag, koble til, SSL/TLS-forhandling, send, vent (tid til første byte) og mottaksfaser, og hver fase tegnes som sitt eget fargede segment. I henhold til HAR-spesifikasjonen er SSL-tiden også inkludert i tilkoblingen, så den trekkes først ut igjen - ellers vil TLS-delen telles to ganger og stolpebreddene vil ikke lenger utgjøre forespørselens reelle varighet. Stiplede vertikale markører viser DOMContentLoaded og Load, lest rett fra filens egen sidetiming, slik at du kan se nøyaktig hvilke forespørsler som ble fullført før siden ble interaktiv.
Utover diagrammet kjører verktøyet tre finneregler over felt som HAR-formatet allerede registrerer. Den flagger hurtigbufferbare svar (status 200, 203 eller 206) som verken har en Cache-Control eller en Expires-overskrift, noe som betyr at et gjentatt besøk må laste dem ned på nytt fra bunnen av. Den flagger tekstsvar – HTML, CSS, JavaScript, JSON, SVG og lignende – større enn 1 KB som ble levert uten innholdskoding, en enkel komprimeringsmulighet de fleste servere kan slå på med én konfigurasjonslinje. Og den flagger CSS- eller JavaScript-forespørsler som startet før sidens egen DOMContentLoaded-offset, den klassiske signaturen til en gjengivelsesblokkerende ressurs.
Alt dette kjører på data som allerede ligger i filen du laster opp - det er ingen nettverkstilgang, ingen ekstern oppslagstjeneste og ingen gjenhenting av den opprinnelige siden. HAR-filen leses, analyseres og gjengis i sin helhet i nettleserfanen og blir aldri lastet opp noe sted.
Filene og inngangene dine forlater aldri denne enheten. Behandlingen kjører helt offline. 100 % sikker.
Godkjente formater og regler
- Canvas-gjengitt forespørselsfoss farget etter tidsfase, med DOMContentLoaded og Load-markører.
- Tre regelbaserte funngrupper: manglende cache-overskrifter, ukomprimerte tekstsvar og gjengivelsesblokkerende kandidater.
- Helt offline: Den opplastede .har-filen analyseres og analyseres i sin helhet i nettleseren din – ingenting sendes hvor som helst.
Viktige fordeler
Brukssaker
- • Diagnostiser hvorfor en side føles treg ved å laste opp den eksporterte HAR-filen og lese den virkelige tidssammenbruddet per forespørsel i stedet for å gjette fra et skjermopptak.
- • Revider et nettsteds bufringsstrategi ved å finne hvert svar som sendes uten Cache-Control eller Expires-header og som vil bli lastet ned på nytt ved hvert gjentatt besøk.
- • Finn gjengivelsesblokkerende CSS eller JavaScript før du kjører en fullstendig ytelsesrevisjon ved å sjekke hvilke forespørsler som startet før DOMContentLoaded i en fanget HAR-fil.
Vurder dette verktøyet
