HAR-faili juga analüsaator
Laadige üles oma brauseri DevToolsist eksporditud .har-fail, et näha tõelist päringu juga, mis on koostatud iga päringu ajastusandmetest, ning kontrollib puuduvaid vahemälu päise, tihendamata vastuseid ja renderdust blokeerivaid skripte.
Tulemus
HAR-fail (HTTP-arhiiv) on JSON-eksport kõigest, mis brauseri DevTools Networki paneel lehe laadimise ajal salvestas: iga päringu ja vastuse päis, iga vastuse keha täpne suurus ja MIME-tüüp ning päringupõhise ajastuse jaotus. Saate luua selle Chrome'ist, Firefoxist, Edge'ist või Safarist, avades DevTools'i, laadides lehe uuesti vahekaardil Võrk, paremklõpsates taotluste loendit ja valides "Salvesta kõik sisuga HAR-ina". See tööriist loeb seda eksporditud faili otse – midagi ei tooda ega taotleta uuesti.
Juga diagramm on üles ehitatud täielikult failis juba sisalduvatest andmetest: iga kirje enda ajastusobjekt jagab päringu blokeeritud, DNS-i otsingu, ühenduse loomise, SSL/TLS-i läbirääkimiste, saatmise, ootamise (aeg esimese baidini) ja vastuvõtmise faasideks ning iga faas joonistatakse oma värvilise segmendina. HAR-i spetsifikatsioonide kohaselt on SSL-aeg ka ühenduses, nii et see lahutatakse kõigepealt tagasi – vastasel juhul loendataks TLS-i osa kaks korda ja ribade laiused ei vastaks enam päringu tegelikule kestusele. Katkendlikud vertikaalsed markerid näitavad DOMContentLoaded ja Load, loetakse otse faili enda lehe ajastustest, nii et näete täpselt, millised päringud lõpetati enne lehe interaktiivseks muutumist.
Lisaks diagrammile käitab tööriist HAR-vormingus juba salvestatud väljade kohta kolme leidmisreeglit. See märgib vahemällu salvestatavad vastused (olek 200, 203 või 206), mis ei kanna ei Cache-Control ega Expires päist, mis tähendab, et korduvkülastus peab need nullist uuesti alla laadima. See märgib tekstilised vastused – HTML, CSS, JavaScript, JSON, SVG ja sarnased – suuremad kui 1 KB, mis esitati ilma sisukodeeringuta – lihtne tihendusvõimalus, mida enamik servereid saab ühe konfiguratsioonireaga sisse lülitada. Ja see märgib CSS-i või JavaScripti päringud, mis algasid enne lehe enda DOMContentLoaded nihet, mis on renderdust blokeeriva vara klassikaline signatuur.
Kõik see töötab andmetel, mis juba asuvad üleslaaditavas failis – puudub juurdepääs võrgule, puudub väline otsinguteenus ega algse lehe uuesti toomine. HAR-faili loetakse, sõelutakse ja renderdatakse täielikult teie brauseri vahekaardil ning seda ei laadita kunagi kuhugi üles.
Teie failid ja sisendid ei lahku sellest seadmest kunagi. Töötlemine toimub täiesti võrguühenduseta. 100% turvaline.
Aktsepteeritud vormingud ja reeglid
- Lõuendil renderdatud päringu juga, mis on värvitud ajastusfaasi järgi, markeritega DOMContentLoaded ja Load.
- Kolm reeglipõhist leidmisrühma: puuduvad vahemälu päised, tihendamata tekstivastused ja renderdamist blokeerivad kandidaadid.
- Täielikult võrguühenduseta: üleslaaditud .har-fail sõelutakse ja analüüsitakse täielikult teie brauseris – midagi ei saadeta kuhugi.
Peamised eelised
Kasutusjuhtumid
- • Diagnoosige, miks leht tundub aeglane, laadides üles eksporditud HAR-faili ja lugedes ekraanisalvestuse põhjal oletamise asemel tegelikku päringu ajastuse jaotust.
- • Auditeerige saidi vahemällu salvestamise strateegiat, leides iga vastuse, mis tarnitakse ilma Cache-Control või Expires päiseta ja mis laaditakse uuesti alla iga korduva külastuse korral.
- • Enne täieliku jõudlusauditi käivitamist tuvastage renderdust blokeeriv CSS või JavaScript, kontrollides, millised päringud algasid hõivatud HAR-failis enne DOMContentLoaded.
Hinda seda tööriista
