0

HAR failu ūdenskrituma analizators

Augšupielādējiet .har failu, kas eksportēts no jūsu pārlūkprogrammas DevTools, lai skatītu reālu pieprasījuma ūdenskritumu, kas izveidots no katra pieprasījuma laika datiem, kā arī pārbaudītu, vai trūkst kešatmiņas galvenes, nesaspiestas atbildes un renderēšanu bloķējošus skriptus.

Velciet un nometiet failu šeit vai noklikšķiniet, lai pārlūkotu

Eksportējiet HAR failu no pārlūkprogrammas DevTools → cilnes Tīkls (ar peles labo pogu noklikšķiniet uz pieprasījumu saraksta → "Saglabāt visu kā HAR ar saturu") un nometiet to šeit. Viss tiek parsēts un atveidots lokāli — fails nekad nekur netiek augšupielādēts.

Buy Me a Coffee at ko-fi.com
Notiek apstrāde... 0%
Notiek HAR faila parsēšana
Ēkas ūdenskritums
Pieprasījumu analīze
Gatavs

Rezultāts

HAR (HTTP arhīvs) fails ir JSON eksports visam pārlūkprogrammas DevTools tīkla panelim, kas reģistrēts lapas ielādes laikā: katrs pieprasījums un atbildes galvene, katra atbildes pamatteksta precīzs izmērs un MIME veids, kā arī laika sadalījums pēc pieprasījuma. Varat izveidot to no Chrome, Firefox, Edge vai Safari, atverot DevTools, atkārtoti ielādējot lapu cilnē Tīkls, pēc tam ar peles labo pogu noklikšķinot uz pieprasījumu saraksta un izvēloties Saglabāt visu kā HAR ar saturu. Šis rīks tieši nolasa eksportēto failu — nekas netiek atkārtoti ielādēts vai atkārtoti pieprasīts.

Ūdenskrituma diagramma ir pilnībā izveidota no datiem, kas jau atrodas failā: katra ieraksta laika noteikšanas objekts sadala pieprasījumu bloķētā, DNS uzmeklēšanas, savienojuma, SSL/TLS sarunu, sūtīšanas, gaidīšanas (laiks līdz pirmajam baitam) un saņemšanas fāzēm, un katra fāze tiek uzzīmēta kā savs krāsains segments. Saskaņā ar HAR specifikāciju SSL laiks ir iekļauts arī savienojuma iekšpusē, tāpēc tas vispirms tiek atņemts — pretējā gadījumā TLS daļa tiktu ieskaitīta divreiz un joslu platumi vairs nesaskanētu ar pieprasījuma reālo ilgumu. Pārtrauktie vertikālie marķieri parāda DOMContentLoaded un Load, lasāmi tieši no paša faila lapas laika, lai jūs varētu precīzi redzēt, kuri pieprasījumi tika pabeigti, pirms lapa kļuva interaktīva.

Papildus diagrammai rīks izpilda trīs meklēšanas kārtulas HAR formātā jau reģistrētajos laukos. Tas atzīmē kešatmiņā ievietojamas atbildes (statuss 200, 203 vai 206), kurām nav ne Cache-Control, ne Expires galvenes, kas nozīmē, ka atkārtota apmeklējuma laikā tās ir jālejupielādē no jauna. Tas atzīmē teksta atbildes — HTML, CSS, JavaScript, JSON, SVG un līdzīgas — lielākas par 1 KB, kas tika pasniegtas bez satura kodējuma — šī ir vienkārša saspiešanas iespēja, ko lielākā daļa serveru var ieslēgt ar vienu konfigurācijas rindiņu. Un tas atzīmē CSS vai JavaScript pieprasījumus, kas sākās pirms pašas lapas DOMContentLoaded nobīdes, kas ir klasisks renderēšanu bloķējoša līdzekļa paraksts.

Tas viss tiek veikts ar datiem, kas jau atrodas augšupielādētajā failā — nav piekļuves tīklam, nav ārēja uzmeklēšanas pakalpojuma un netiek atkārtoti ielādēta sākotnējā lapa. HAR fails tiek pilnībā nolasīts, parsēts un renderēts jūsu pārlūkprogrammas cilnē, un tas nekad nekur netiek augšupielādēts.