Анализатор водопада HAR датотека
Отпремите .har датотеку извезену из DevTools панела вашег прегледача да бисте видели прави приказ водопада захтева изграђеног на основу стварних временских података сваког захтева, плус провере за недостајућа заглавља кеша, некомпримоване одговоре и скрипте које блокирају приказ.
🔒 У потпуности се обрађује у вашем претраживачу — ништа што овде унесете се никада не отпрема.
Резултат
HAR (HTTP Archive) датотека је JSON извоз свега што је Network панел у DevTools алатима прегледача забележио током учитавања странице: сваки захтев и заглавље одговора, тачну величину и MIME тип сваког тела одговора, као и временску анализу по појединачном захтеву. Можете је направити у Chrome, Firefox, Edge или Safari прегледачу тако што ћете отворити DevTools, поново учитати страницу на Network картици, затим кликнути десним тастером на листу захтева и изабрати „Save all as HAR with content“. Овај алат чита ту извезену датотеку директно — ништа се поново не преузима нити захтева.
Водопад графикон се у потпуности гради од података који су већ унутар датотеке: објекат са временским подацима сваког захтева разлаже захтев на blocked, DNS lookup, connect, SSL/TLS преговоре, send, wait (време до првог бајта) и receive фазе, и свака фаза се црта као посебан обојени сегмент. Према HAR спецификацији, SSL време је такође укључено у connect, па се прво одузима — у супротном би TLS део био избројан два пута и ширине трака се не би слагале са стварним трајањем захтева. Испрекидане вертикалне ознаке приказују DOMContentLoaded и Load, очитане директно из временских података саме странице, тако да можете тачно видети који су захтеви завршени пре него што је страница постала интерактивна.
Поред графикона, алат примењује три правила за проналажење на пољима која HAR формат већ бележи. Означава кеширајуће одговоре (статус 200, 203 или 206) који немају ни Cache-Control ни Expires заглавље, што значи да их поновна посета мора преузимати испочетка. Означава текстуалне одговоре — HTML, CSS, JavaScript, JSON, SVG и сличне — веће од 1 KB који су послати без Content-Encoding заглавља, што је лако решива прилика за компресију коју већина сервера може укључити са једном линијом у конфигурацији. И означава CSS или JavaScript захтеве који су започели пре DOMContentLoaded тренутка саме странице, што је класичан показатељ ресурса који блокира приказ.
Све ово ради над подацима који се већ налазе у датотеци коју отпремите — нема мрежног приступа, нема екстерног сервиса за претрагу и нема поновног преузимања оригиналне странице. HAR датотека се чита, парсира и приказује у потпуности у картици вашег прегледача и никада се нигде не отпрема.