0

Анализатор на каскада на HAR файлове

Качете .har файл, експортиран от DevTools на вашия браузър, за да видите истински каскад от заявки, изграден от собствените данни за времето на всяка заявка, плюс проверки за липсващи заглавки на кеша, некомпресирани отговори и скриптове за блокиране на изобразяване.

Плъзнете и пуснете файл тук или щракнете за преглед

Експортирайте HAR файл от DevTools на вашия браузър → Раздел Мрежа (щракнете с десния бутон върху списъка със заявки → „Запазете всички като HAR със съдържание“) и го пуснете тук. Всичко се анализира и изобразява локално — файлът никога не се качва никъде.

Buy Me a Coffee at ko-fi.com
Обработка... 0%
Анализ на HAR файл
Изграждане на водопад
Анализиране на заявки
Готово

Резултат

HAR (HTTP архив) файл е JSON експорт на всичко, записано от мрежовия панел DevTools на браузъра по време на зареждане на страница: всяка заявка и заглавка на отговора, точния размер и MIME тип на всяко тяло на отговора и разбивка по време на заявка. Можете да създадете такъв от Chrome, Firefox, Edge или Safari, като отворите DevTools, презаредите страницата в раздела Network, след което щракнете с десния бутон върху списъка със заявки и изберете „Save all as HAR with content“. Този инструмент чете този експортиран файл директно - нищо не се извлича повторно или се иска повторно.

Диаграмата на каскадата е изградена изцяло от данни, които вече са във файла: обектът на всеки запис разделя заявката на блокирани, DNS търсене, свързване, SSL/TLS преговори, изпращане, изчакване (време до първия байт) и фази на получаване, като всяка фаза се изчертава като собствен цветен сегмент. Съгласно HAR спецификацията SSL времето също е включено вътре в свързването, така че първо се изважда обратно — в противен случай TLS частта ще се брои два пъти и ширините на лентата вече няма да се добавят към реалната продължителност на заявката. Прекъснатите вертикални маркери показват DOMContentLoaded и Load, прочетени направо от времената на страницата на файла, така че можете да видите точно кои заявки са завършили, преди страницата да стане интерактивна.

Отвъд диаграмата инструментът изпълнява три правила за намиране върху полета, които HAR форматът вече записва. Той маркира кеширани отговори (състояние 200, 203 или 206), които не носят нито заглавка Cache-Control, нито Expires, което означава, че при повторно посещение трябва да ги изтеглите отново от нулата. Той маркира текстови отговори — HTML, CSS, JavaScript, JSON, SVG и подобни — по-големи от 1 KB, които са били обслужвани без Content-Encoding, лесна възможност за компресиране, която повечето сървъри могат да включат с един конфигурационен ред. И маркира CSS или JavaScript заявки, които са започнали преди собственото DOMContentLoaded отместване на страницата, класическият подпис на актив, блокиращ изобразяването.

Всичко това работи върху данни, които вече се намират във файла, който качвате - няма достъп до мрежата, няма външна услуга за търсене и няма повторно извличане на оригиналната страница. HAR файлът се чете, анализира и изобразява изцяло в раздела на вашия браузър и никога не се качва никъде.