Analizator vodopada datotek HAR
Naložite datoteko .har, izvoženo iz Orodij za razvijalce vašega brskalnika, in si oglejte pravi vodopad zahtev, zgrajen iz časovnih podatkov vsake zahteve, skupaj s preverjanjem manjkajočih glav predpomnilnika, nestisnjenih odgovorov in skript, ki blokirajo upodabljanje.
🔒 V celoti obdelano v vašem brskalniku – nič, kar tukaj vnesete, ni nikoli naloženo.
Rezultat
Datoteka HAR (HTTP Archive) je izvoz JSON vsega, kar je plošča Network v Orodjih za razvijalce brskalnika zabeležila med nalaganjem strani: vse glave zahtev in odgovorov, natančno velikost in vrsto MIME vsakega telesa odgovora ter časovno razčlenitev po posameznih zahtevah. Tako datoteko lahko ustvarite v Chromu, Firefoxu, Edgeu ali Safariju tako, da odprete Orodja za razvijalce, na zavihku Network znova naložite stran, z desno miškino tipko kliknete seznam zahtev in izberete »Save all as HAR with content«. To orodje prebere izvoženo datoteko neposredno – ničesar ne prenaša ali zahteva znova.
Grafikon vodopada je v celoti zgrajen iz podatkov, ki so že v datoteki: objekt časov vsakega vnosa razdeli zahtevo na faze blocked, DNS lookup, connect, SSL/TLS negotiation, send, wait (čas do prvega bajta) in receive, vsaka faza pa je narisana kot svoj obarvan segment. V skladu s specifikacijo HAR je čas SSL vključen tudi v connect, zato ga najprej odštejemo – sicer bi bil del TLS upoštevan dvakrat in širine stolpcev ne bi več ustrezale dejanskemu trajanju zahteve. Navpične črtkane oznake prikazujejo DOMContentLoaded in Load, prebrane neposredno iz časovnih podatkov strani v datoteki, tako da natančno vidite, katere zahteve so se končale, preden je stran postala interaktivna.
Poleg grafikona orodje izvede tri preverjanja na podlagi pravil nad polji, ki jih format HAR že beleži. Označi odgovore, ki jih je mogoče predpomniti (status 200, 203 ali 206) in nimajo ne glave Cache-Control ne glave Expires, kar pomeni, da jih mora brskalnik ob ponovnem obisku znova prenesti. Označi tekstovne odgovore – HTML, CSS, JavaScript, JSON, SVG in podobne – večje od 1 KB, ki so bili poslani brez glave Content-Encoding, kar je preprosta priložnost za stiskanje, ki jo večina strežnikov omogoči z eno samo konfiguracijsko vrstico. In označi zahteve CSS ali JavaScript, ki so se začele pred časom DOMContentLoaded strani, kar je klasičen znak datoteke, ki blokira upodabljanje.
Vse to poteka na podatkih, ki so že v datoteki, ki jo naložite – ni nobenega dostopa do omrežja, nobene zunanje iskalne storitve in nobenega ponovnega prenašanja izvirne strani. Datoteka HAR se prebere, razčleni in upodobi izključno v zavihku vašega brskalnika in nikoli ni naložena nikamor drugam.