Аналізатор водоспаду HAR-файлів
Завантажте .har-файл, експортований із DevTools вашого браузера, щоб побачити справжній водоспад запитів, побудований на основі власних даних про таймінґи кожного запиту, а також перевірки на відсутні заголовки кешування, нестиснені відповіді та скрипти, що блокують рендеринґ.
🔒 Обробляється повністю у вашому браузері — те, що ви тут вводите, ніколи не вивантажується.
Результат
HAR-файл (HTTP Archive) — це JSON-експорт усього, що панель Network в інструментах розробника браузера зафіксувала під час завантаження сторінки: кожен заголовок запиту та відповіді, точний розмір і MIME-тип тіла кожної відповіді, а також розбивку таймінґу для кожного запиту. Створити його можна в Chrome, Firefox, Edge або Safari: відкрийте DevTools, перезавантажте сторінку на вкладці Network, потім клацніть правою кнопкою миші на списку запитів і виберіть «Save all as HAR with content». Цей інструмент читає експортований файл безпосередньо — нічого не завантажується повторно й не перезапитується.
Діаграма водоспаду повністю будується на основі даних, уже наявних у файлі: власний об’єкт таймінґів кожного запису розбиває запит на фази blocked, DNS lookup, connect, SSL/TLS negotiation, 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-файл зчитується, розбирається та візуалізується повністю у вкладці вашого браузера й ніколи нікуди не надсилається.