Analyzátor vodopádu souborů HAR

Soubor HAR (HTTP Archive) je export JSONu se vším, co zaznamenal panel Síť v DevTools prohlížeče během načítání stránky: každá hlavička požadavku a odpovědi, přesná velikost a MIME typ těla každé odpovědi a podrobný rozpad času pro každý požadavek. Soubor vytvoříte v Chromu, Firefoxu, Edge nebo Safari tak, že otevřete DevTools, na záložce Síť znovu načtete stránku a poté kliknete pravým tlačítkem na seznam požadavků a zvolíte „Uložit vše jako HAR s obsahem“. Tento nástroj čte přímo tento exportovaný soubor – nic se znovu nestahuje ani znovu nevyžaduje.

Graf vodopádu je postaven výhradně z dat, která už v souboru jsou: časový objekt každé položky rozkládá požadavek na fáze blokování, DNS dotazu, připojení, SSL/TLS vyjednávání, odeslání, čekání (doba do prvního bajtu) a příjmu, a každá fáze je vykreslena jako vlastní barevný segment. Podle specifikace HAR je čas SSL zahrnut i v čase připojení, takže se nejprve zpětně odečte – jinak by se TLS část započítala dvakrát a šířky sloupců by už nesouhlasily se skutečnou dobou trvání požadavku. Přerušované svislé značky zobrazují DOMContentLoaded a Load, načtené přímo z vlastních časů stránky v souboru, takže přesně vidíte, které požadavky skončily dříve, než se stránka stala interaktivní.

Kromě grafu nástroj spouští tři vyhledávací pravidla nad poli, která formát HAR už zaznamenává. Označí odpovědi vhodné pro mezipaměť (stav 200, 203 nebo 206), které neobsahují ani hlavičku Cache-Control, ani Expires, což znamená, že při opakované návštěvě se musí znovu stáhnout od nuly. Označí textové odpovědi – HTML, CSS, JavaScript, JSON, SVG a podobné – větší než 1 kB, které byly odeslány bez Content-Encoding, což je snadná příležitost pro kompresi, kterou většina serverů zapne jedním konfiguračním řádkem. A označí CSS nebo JavaScript požadavky, které začaly dříve, než uplynul vlastní DOMContentLoaded stránky, což je klasický příznak prostředku blokujícího vykreslení.

To vše běží nad daty, která už jsou v nahraném souboru – není potřeba žádný přístup k síti, žádná externí vyhledávací služba a žádné opětovné načítání původní stránky. Soubor HAR je načten, zpracován a vykreslen celý ve vašem prohlížeči a nikam se neodesílá.