HAR File Waterfall Analyzer

HAR (HTTP arhiva) datoteka je JSON izvoz svega što je mrežna ploča DevTools preglednika snimila tijekom učitavanja stranice: svaki zahtjev i zaglavlje odgovora, točna veličina i MIME tip svakog tijela odgovora i vremenski raspored po zahtjevu. Možete ga proizvesti iz Chromea, Firefoxa, Edgea ili Safarija tako da otvorite DevTools, ponovno učitate stranicu na kartici Mreža, zatim desnom tipkom miša kliknete popis zahtjeva i odaberete "Spremi sve kao HAR sa sadržajem". Ovaj alat izravno čita tu izvezenu datoteku — ništa se ne dohvaća niti ponovno traži.

Grafikon vodopada u potpunosti je izgrađen od podataka koji se već nalaze u datoteci: vlastiti vremenski objekt svakog unosa rastavlja zahtjev u blokirane, DNS traženje, povezivanje, SSL/TLS pregovore, faze slanja, čekanja (vrijeme do prvog bajta) i faze primanja, a svaka faza se crta kao vlastiti segment u boji. Prema specifikaciji HAR-a, vrijeme SSL-a također je uključeno unutar povezivanja, tako da se ono prvo oduzima — inače bi se dio TLS-a brojao dvaput, a širine trake više ne bi odgovarale stvarnom trajanju zahtjeva. Isprekidani okomiti markeri prikazuju DOMContentLoaded i Load, očitane izravno iz vremena stranice datoteke, tako da možete točno vidjeti koji su zahtjevi završili prije nego što je stranica postala interaktivna.

Osim grafikona, alat pokreće tri pravila pronalaženja preko polja koja HAR format već bilježi. Označava odgovore koji se mogu predmemorirati (status 200, 203 ili 206) koji ne sadrže ni Cache-Control ni Expires zaglavlje, što znači da ih ponovljeni posjet mora ponovno preuzeti ispočetka. Označava tekstualne odgovore — HTML, CSS, JavaScript, JSON, SVG i slično — veće od 1 KB koji su posluženi bez Content-Encodinga, što je prilika za jednostavnu kompresiju koju većina poslužitelja može uključiti s jednim retkom konfiguracije. I označava CSS ili JavaScript zahtjeve koji su započeli prije vlastitog DOMContentLoaded pomaka stranice, klasičnog potpisa sredstva za blokiranje renderiranja.

Sve ovo radi na podacima koji se već nalaze u datoteci koju učitate — nema pristupa mreži, nema eksterne usluge pretraživanja i nema ponovnog dohvaćanja izvorne stranice. HAR datoteka se čita, analizira i prikazuje u cijelosti na kartici vašeg preglednika i nikada se nigdje ne učitava.