HAR failų „Waterfall“ analizatorius
Įkelkite .har failą, eksportuotą iš naršyklės kūrėjo įrankių, kad pamatytumėte tikrą užklausų „waterfall“, sudarytą iš kiekvienos užklausos laiko duomenų, ir patikras dėl trūkstamų talpyklos antraščių, nesuspaustų atsakymų bei atvaizdavimą blokuojančių scenarijų.
🔒 Visiškai apdorojama jūsų naršyklėje – niekas, kurį čia įvedėte, niekada neįkeliama.
Rezultatas
HAR (HTTP archyvo) failas yra JSON eksportas visko, ką naršyklės kūrėjo įrankių Tinklo skydelis užfiksavo puslapio įkėlimo metu: kiekvienos užklausos ir atsakymo antraštės, tikslus kiekvieno atsakymo turinio dydis ir MIME tipas bei kiekvienos užklausos laiko išskaidymas. Tokį failą galite sukurti „Chrome“, „Firefox“, „Edge“ ar „Safari“ naršyklėse: atidarykite kūrėjo įrankius, Tinklo kortelėje iš naujo įkelkite puslapį, tada dešiniuoju pelės mygtuku spustelėkite užklausų sąrašą ir pasirinkite „Išsaugoti viską kaip HAR su turiniu“. Šis įrankis nuskaito tą eksportuotą failą tiesiogiai — niekas nėra iš naujo gaunama ar pakartotinai užklausiama.
„Waterfall“ diagrama sudaroma tik iš faile jau esančių duomenų: kiekvieno įrašo laiko objektas suskaido užklausą į blokavimo, DNS paieškos, prisijungimo, SSL/TLS derybų, siuntimo, laukimo (laikas iki pirmojo baito) ir gavimo fazes, o kiekviena fazė atvaizduojama kaip savos spalvos segmentas. Pagal HAR specifikaciją SSL laikas taip pat įeina į prisijungimo laiką, todėl pirmiausia jis atimamas atgal — kitaip TLS dalis būtų skaičiuojama du kartus ir juostų pločiai nebeatitiktų tikrosios užklausos trukmės. Brūkšniniais vertikaliais žymekliais rodomi DOMContentLoaded ir Load laikai, paimti tiesiai iš failo puslapio laiko duomenų, todėl galite tiksliai matyti, kurios užklausos baigėsi prieš tai, kai puslapis tapo interaktyvus.
Be diagramos, įrankis paleidžia tris radimo taisykles pagal laukus, kuriuos HAR formatas jau fiksuoja. Jis pažymi talpinamus atsakymus (būsena 200, 203 arba 206), kurie neturi nei Cache-Control, nei Expires antraštės — tai reiškia, kad pakartotinio apsilankymo metu juos reikia atsisiųsti iš naujo. Jis pažymi tekstinius atsakymus — HTML, CSS, JavaScript, JSON, SVG ir panašius — didesnius nei 1 KB, kurie buvo pateikti be Content-Encoding; tai lengva suspaudimo galimybė, kurią dauguma serverių gali įjungti viena konfigūracijos eilute. Taip pat pažymi CSS arba JavaScript užklausas, kurios prasidėjo prieš puslapio DOMContentLoaded įvykį — klasikinis atvaizdavimą blokuojančio ištekliaus požymis.
Visa tai atliekama su duomenimis, kurie jau yra jūsų įkeltame faile — nėra prieigos prie tinklo, jokių išorinių užklausų ir jokio pakartotinio pradinio puslapio gavimo. HAR failas nuskaitomas, analizuojamas ir atvaizduojamas tik jūsų naršyklės kortelėje ir niekur neįkeliamas.