⭐ 0
🔍
Tekst Pilt PDF ja dokumendid Heli Muusika Elektroonika Aeg Kommunaalteenused Validaatorid Esoteeriline Mängud

HAR-faili ajatelje analüsaator

Laadige üles oma brauseri arendajatööriistadest eksporditud .har-fail, et näha tõelist päringute ajatelge, mis on koostatud iga päringu enda ajastusandmetest, lisaks kontrollid puuduvate vahemälu päiste, kompressimata vastuste ja renderdamist blokeerivate skriptide suhtes.

🔒 Töödeldud täielikult teie brauseris – midagi, mida siia sisestate, ei laadita kunagi üles.

Lohista fail siia või klõpsa sirvimiseks

Eksportige HAR-fail oma brauseri arendajatööriistade võrgupaneelilt (paremklõps päringute loendis → „Save all as HAR with content”) ja lohistage see siia. Kõike töödeldakse ja kuvatakse kohapeal – faili ei laadita kunagi kuhugi üles.

Töötlen... 0%
HAR-faili parsimine
Ajatelje koostamine
Päringute analüüsimine
Valmis

Tulemus

HAR (HTTP Archive) fail on JSON-eksport kõigest, mida brauseri arendajatööriistade võrgupaneel salvestas lehe laadimise ajal: iga päringu ja vastuse päis, vastuse keha täpne suurus ja MIME-tüüp ning detailne päringupõhine ajastuse jaotus. Saate selle luua Chrome'is, Firefoxis, Edge'is või Safaris, avades arendajatööriistad, laadides lehe uuesti võrgupaneeli vahekaardil, seejärel paremklõpsates päringute nimekirjal ja valides „Save all as HAR with content”. See tööriist loeb otse seda eksporditud faili – midagi ei hangita ega küsita uuesti.

Ajatelg koostatakse täielikult failis juba olemasolevatest andmetest: iga kirje ajastusobjekt jagab päringu blokeerimise, DNS-i päringu, ühenduse loomise, SSL/TLS-i läbirääkimise, saatmise, ootamise (aeg esimese baidini) ja vastuvõtu faasideks ning iga faas joonistatakse oma värvilise lõiguna. HAR spetsifikatsiooni kohaselt on SSL-aeg kaasa arvatud ka ühenduse faasis, mistõttu see kõigepealt lahutatakse – vastasel juhul loendataks TLS-i osa kaks korda ja ribade laiused ei vastaks enam päringu tegelikule kestusele. Katkendlike vertikaalsete markeritena kuvatakse DOMContentLoaded ja laadimine, loetuna otse faili enda lehe ajastustest, nii et näete täpselt, millised päringud lõppesid enne lehe interaktiivseks muutumist.

Lisaks diagrammile rakendab tööriist kolme leidude reeglit väljadel, mida HAR formaat juba salvestab. See märgib ära vahemällu salvestatavad vastused (staatusega 200, 203 või 206), millel puudub nii Cache-Control kui ka Expires päis, mis tähendab, et korduvkülastus peab need nullist uuesti alla laadima. See märgib tekstipõhised vastused – HTML, CSS, JavaScript, JSON, SVG ja sarnased – suurusega üle 1 KB, mis saadeti ilma Content-Encodinguta, mis on lihtne kompressioonivõimalus, mida enamik servereid saab aktiveerida ühe rea seadistamisega. Ja see märgib CSS-i või JavaScripti päringuid, mis algasid enne lehe enda DOMContentLoaded nihet – klassikaline renderdamist blokeeriva vara tunnus.

Kõik see töötab andmete põhjal, mis on juba teie üleslaaditud failis olemas – puudub võrgule ligipääs, väline otsinguteenus ega algse lehe uuesti hankimine. HAR-faili loetakse, parsitakse ja renderdatakse täielikult teie brauseri vahekaardil ning seda ei laadita kunagi kuhugi üles.

Meeldib see tööriist? Arvad, et see toode on kasulik? Näed selles potentsiaali ja soovid seda toetada?

🛡️
Käivitatakse brauseris

Sinu failid ja sisestused ei lahku sellest seadmest. Töötlus toimub täiesti võrguühenduseta. 100% turvaline.

Aktsepteeritud formaadid ja reeglid

  • Canvas-põhiselt renderdatud päringute ajatelg, kus ribad on värvitud ajastusfaaside kaupa ning näidatud on DOMContentLoaded ja laadimise markerid.
  • Kolm reeglipõhist leidude rühma: puuduvad vahemälu päised, kompressimata tekstivastused ja renderdamist blokeerivad kandidaadid.
  • Täiesti võrguühenduseta: üleslaaditud .har-fail parsitakse ja analüüsitakse täielikult teie brauseris – midagi ei saadeta kuhugi.

Peamised eelised

✓ Päris ajateljed pärinedes tõelistest ajastustest: iga riba kuvatakse otse iga päringu enda blokeerimise/DNS-i/ühenduse/SSL-i/saatmise/ootamise/vastuvõtu faasidest – midagi pole hinnangulist ega ümber mõõdetud.
✓ Puuduva vahemälu tuvastaja: märgib ära vastused staatusega 200/203/206, mis on saadetud ilma Cache-Control ja Expires päiseta, mistõttu korduvkülastused laadivad need asjatult uuesti.
✓ Kompressimata vastuste leidja: märgib ära üle 1 KB suurused tekstipõhised vastused, mis saadeti ilma Content-Encoding päiseta – levinud ja hõlpsasti saavutatav kompressioonivõit.
✓ Renderdamist blokeerivad kandidaadid: võrdleb CSS-i ja JS-i päringuid lehe enda DOMContentLoaded ajastusega, et märgistada skriptid ja stiililehed, mida hangiti enne lehe renderdamise võimalikkust.

Kasutusjuhud

  • • Diagnoosi, miks leht tundub aeglane, laadides üles selle eksporditud HAR-faili ja lugedes reaalset päringupõhist ajalist jaotust, selle asemel et ekraanisalvestuse põhjal oletada.
  • • Auditeeri saidi vahemällu salvestamise strateegiat, leides üles kõik vastused, mis saadetakse ilma Cache-Control või Expires päiseta ja laaditaks igal korduval külastusel uuesti alla.
  • • Märka renderdamist blokeerivat CSS-i või JavaScripti enne täieliku jõudlusauditi käivitamist, kontrollides, millised päringud algasid enne DOMContentLoaded sündmust salvestatud HAR-failis.