HAR File Waterfall Analyzer

Soubor HAR (HTTP Archive) je exportem JSON všeho, co panel DevTools Network v prohlížeči zaznamenal během načítání stránky: každý požadavek a záhlaví odpovědi, přesná velikost a typ MIME každého těla odpovědi a rozpis časování podle požadavku. Můžete si jej vytvořit v prohlížečích Chrome, Firefox, Edge nebo Safari tak, že otevřete DevTools, znovu načtete stránku na kartě Síť, 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 exportovaný soubor přímo – nic není znovu načteno ani znovu požadováno.

Vodopádový graf je vytvořen výhradně z dat, která jsou již v souboru: vlastní objekt časování každé položky rozdělí požadavek na blokované, vyhledávání DNS, připojení, vyjednávání SSL/TLS, odesílání, čekání (čas do prvního bajtu) a fáze příjmu a každá fáze je vykreslena jako vlastní barevný segment. Podle specifikace HAR je čas SSL také zahrnut do připojení, takže se nejprve odečte zpět – jinak by se část TLS započítala dvakrát a šířky pruhů by se již nesčítaly se skutečnou dobou trvání požadavku. Čárkované svislé značky ukazují DOMContentLoaded a Load, čtené přímo z časování stránek vlastního souboru, takže můžete přesně vidět, které požadavky skončily předtím, než se stránka stala interaktivní.

Kromě grafu nástroj spustí tři pravidla hledání nad poli, která již zaznamenává formát HAR. Označuje odpovědi, které lze uložit do mezipaměti (stav 200, 203 nebo 206), které nenesou hlavičku Cache-Control ani Expires, což znamená, že opakovaná návštěva je musí znovu stáhnout od začátku. Označuje textové odpovědi – HTML, CSS, JavaScript, JSON, SVG a podobné – větší než 1 KB, které byly poskytnuty bez kódování obsahu, což je snadná možnost komprese, kterou může většina serverů zapnout pomocí jednoho konfiguračního řádku. A označí požadavky CSS nebo JavaScript, které začaly před vlastním offsetem DOMContentLoaded stránky, což je klasický podpis aktiva blokujícího vykreslování.

To vše běží na datech, která jsou již uložena v souboru, který nahráváte – neexistuje žádný síťový přístup, žádná externí vyhledávací služba a žádné opětovné načítání původní stránky. Soubor HAR se čte, analyzuje a vykresluje celý na kartě prohlížeče a nikdy se nikam nenahrává.