Analyseur de cascade de fichier HAR

Un fichier HAR (HTTP Archive) est un export JSON de tout ce que l’onglet Réseau des DevTools d’un navigateur a enregistré pendant le chargement d’une page : chaque en-tête de requête et de réponse, la taille exacte et le type MIME de chaque corps de réponse, ainsi qu’une décomposition temporelle par requête. Vous pouvez en générer un depuis Chrome, Firefox, Edge ou Safari en ouvrant les DevTools, en rechargeant la page dans l’onglet Réseau, puis en faisant un clic droit sur la liste des requêtes et en choisissant « Enregistrer tout en tant que HAR avec le contenu ». Cet outil lit directement ce fichier exporté — rien n’est re-récupéré ni re-demandé.

Le graphique en cascade est entièrement construit à partir des données présentes dans le fichier : l’objet timings de chaque entrée décompose une requête en phases blocked, DNS lookup, connect, SSL/TLS negotiation, send, wait (temps jusqu’au premier octet) et receive, chaque phase étant représentée par un segment coloré distinct. Selon la spécification HAR, le temps SSL est également inclus dans connect, il est donc d’abord soustrait — sinon la partie TLS serait comptée deux fois et la largeur des barres ne correspondrait plus à la durée réelle de la requête. Des marqueurs verticaux en pointillés indiquent DOMContentLoaded et Load, lus directement depuis les chronométrages de la page dans le fichier, vous permettant de voir exactement quelles requêtes se sont terminées avant que la page ne devienne interactive.

Au-delà du graphique, l’outil applique trois règles de détection sur les champs déjà enregistrés dans le format HAR. Il signale les réponses potentiellement en cache (statut 200, 203 ou 206) qui ne comportent ni en-tête Cache-Control ni Expires, ce qui signifie qu’une visite ultérieure devra les re-télécharger intégralement. Il repère les réponses textuelles — HTML, CSS, JavaScript, JSON, SVG et similaires — de plus de 1 Ko qui ont été servies sans Content-Encoding, une opportunité de compression facile que la plupart des serveurs peuvent activer avec une seule ligne de configuration. Enfin, il identifie les requêtes CSS ou JavaScript qui ont démarré avant le décalage DOMContentLoaded de la page, signature classique d’une ressource bloquant le rendu.

Tout cela fonctionne sur les données déjà présentes dans le fichier que vous importez — il n’y a aucun accès réseau, aucun service de recherche externe et aucune re-demande de la page d’origine. Le fichier HAR est lu, analysé et affiché entièrement dans l’onglet de votre navigateur et n’est jamais téléversé ailleurs.