Analizator wodospadu plików HAR
Wgraj plik .har wyeksportowany z Narzędzi deweloperskich przeglądarki, aby zobaczyć autentyczny wodospad żądań zbudowany z rzeczywistych czasów każdego żądania, wraz z kontrolą brakujących nagłówków cache, nieskompresowanych odpowiedzi i zasobów blokujących renderowanie.
🔒 Przetwarzane w całości w Twojej przeglądarce — nic, co tu wpiszesz, nie zostanie nigdy przesłane.
Wynik
Plik HAR (HTTP Archive) to eksport JSON wszystkiego, co zarejestrował panel Sieć w Narzędziach deweloperskich przeglądarki podczas ładowania strony: każdy nagłówek żądania i odpowiedzi, dokładny rozmiar i typ MIME każdej treści odpowiedzi oraz szczegółowy rozkład czasów poszczególnych żądań. Możesz go wygenerować w Chrome, Firefox, Edge lub Safari, otwierając Narzędzia deweloperskie, przeładowując stronę na zakładce Sieć, a następnie klikając prawym przyciskiem myszy listę żądań i wybierając „Zapisz wszystko jako HAR z zawartością”. To narzędzie odczytuje wyeksportowany plik bezpośrednio — nic nie jest ponownie pobierane ani żądane.
Wykres wodospadu jest budowany wyłącznie z danych znajdujących się już w pliku: obiekt timings każdego wpisu dzieli żądanie na fazy blocked, DNS lookup, connect, negocjacja SSL/TLS, send, wait (czas do pierwszego bajtu) i receive, a każda faza rysowana jest jako osobny kolorowy segment. Zgodnie ze specyfikacją HAR czas SSL jest też zawarty w fazie connect, więc najpierw jest odejmowany — w przeciwnym razie część TLS byłaby liczona podwójnie i szerokości słupków przestałyby się sumować do rzeczywistego czasu trwania żądania. Przerywane pionowe znaczniki pokazują DOMContentLoaded i Load, odczytane wprost z czasów strony zapisanych w pliku, dzięki czemu widzisz dokładnie, które żądania zakończyły się, zanim strona stała się interaktywna.
Poza wykresem narzędzie uruchamia trzy reguły wykrywające na polach, które format HAR już rejestruje. Oznacza odpowiedzi nadające się do buforowania (status 200, 203 lub 206), które nie zawierają nagłówka Cache-Control ani Expires, co oznacza, że przy kolejnej wizycie muszą być pobrane od nowa. Oznacza odpowiedzi tekstowe — HTML, CSS, JavaScript, JSON, SVG i podobne — większe niż 1 KB, które zostały wysłane bez Content-Encoding, co jest łatwą okazją do kompresji, którą większość serwerów może włączyć jedną linią konfiguracji. Oznacza też żądania CSS lub JavaScript, które rozpoczęły się przed czasem DOMContentLoaded strony — klasyczny sygnał zasobu blokującego renderowanie.
Wszystko to odbywa się na danych, które już znajdują się we wgranym pliku — nie ma dostępu do sieci, zewnętrznych usług wyszukiwania ani ponownego pobierania oryginalnej strony. Plik HAR jest odczytywany, parsowany i renderowany w całości w karcie Twojej przeglądarki i nigdy nie jest nigdzie wysyłany.