0

HAR File Waterfall Analyzer

Odovzdajte súbor .har exportovaný z nástrojov DevTools vášho prehliadača, aby ste videli skutočný vodopád požiadaviek vytvorený z vlastných časových údajov každej požiadavky, ako aj kontroly chýbajúcich hlavičiek vyrovnávacej pamäte, nekomprimovaných odpovedí a skriptov blokujúcich vykreslenie.

Presuňte súbor sem alebo kliknutím vyhľadajte

Exportujte súbor HAR z karty DevTools vo vašom prehliadači → Sieť (kliknite pravým tlačidlom myši na zoznam požiadaviek → „Uložiť všetko ako HAR s obsahom“) a pustite ho sem. Všetko sa analyzuje a vykresľuje lokálne – súbor sa nikdy nikam neodovzdá.

Buy Me a Coffee at ko-fi.com
Spracovanie... 0%
Analýza súboru HAR
Stavebný vodopád
Analýza žiadostí
Hotovo

Výsledok

Súbor HAR (HTTP Archive) je exportom JSON všetkého, čo panel DevTools Network v prehliadači zaznamenal počas načítania stránky: hlavička každej požiadavky a odpovede, presná veľkosť a typ MIME každého tela odpovede a rozpis časovania podľa požiadavky. Môžete si ho vytvoriť v prehliadačoch Chrome, Firefox, Edge alebo Safari otvorením DevTools, opätovným načítaním stránky na karte Sieť, kliknutím pravým tlačidlom myši na zoznam požiadaviek a výberom možnosti „Uložiť všetko ako HAR s obsahom“. Tento nástroj prečíta exportovaný súbor priamo – nič sa znova nenačíta ani nevyžiada.

Kaskádový graf je zostavený výlučne z údajov, ktoré sú už v súbore: vlastný objekt časovania každej položky rozdelí požiadavku na blokované, vyhľadávanie DNS, pripojenie, vyjednávanie SSL/TLS, odosielanie, čakanie (čas do prvého bajtu) a prijímanie a každá fáza je nakreslená ako svoj vlastný farebný segment. Podľa špecifikácie HAR je čas SSL zahrnutý aj vo vnútri pripojenia, takže sa najskôr odčíta späť – v opačnom prípade by sa časť TLS započítala dvakrát a šírky pruhov by už nezodpovedali skutočnému trvaniu požiadavky. Prerušované zvislé značky zobrazujú DOMContentLoaded a Load, načítané priamo z časovania vlastných stránok súboru, takže môžete presne vidieť, ktoré požiadavky skončili predtým, ako sa stránka stala interaktívnou.

Okrem grafu nástroj spúšťa tri pravidlá vyhľadávania v poliach, ktoré už zaznamenáva formát HAR. Označuje odpovede ukladateľné do vyrovnávacej pamäte (stav 200, 203 alebo 206), ktoré nenesú hlavičku Cache-Control ani Expires, čo znamená, že opakovaná návšteva ich musí znova stiahnuť od začiatku. Označuje textové odpovede – HTML, CSS, JavaScript, JSON, SVG a podobné – väčšie ako 1 kB, ktoré boli doručené bez kódovania obsahu, čo je jednoduchá možnosť kompresie, ktorú môže väčšina serverov zapnúť pomocou jedného konfiguračného riadku. A označí požiadavky CSS alebo JavaScript, ktoré sa začali pred vlastným posunom stránky DOMContentLoaded, klasickým podpisom aktíva blokujúceho vykreslenie.

Toto všetko beží na údajoch, ktoré sa už nachádzajú v súbore, ktorý nahrávate – neexistuje žiadny sieťový prístup, žiadna externá vyhľadávacia služba a žiadne opätovné načítanie pôvodnej stránky. Súbor HAR sa číta, analyzuje a vykresľuje úplne na karte vášho prehliadača a nikdy sa nikam neodovzdáva.