Analyseur de cascade de fichiers HAR

Un fichier HAR (HTTP Archive) est une exportation JSON de tout ce que le panneau DevTools Network d'un navigateur a enregistré lors du 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 répartition temporelle par requête. Vous pouvez en produire un à partir de Chrome, Firefox, Edge ou Safari en ouvrant DevTools, en rechargeant la page dans l'onglet Réseau, puis en cliquant avec le bouton droit sur la liste de requêtes et en choisissant « Tout enregistrer en tant que HAR avec contenu ». Cet outil lit directement le fichier exporté : rien n'est récupéré ou demandé à nouveau.

Le graphique en cascade est entièrement construit à partir de données déjà contenues dans le fichier : le propre objet timing de chaque entrée divise une demande en phases bloquées, recherche DNS, connexion, négociation SSL/TLS, envoi, attente (délai jusqu'au premier octet) et réception, et chaque phase est dessinée comme son propre segment coloré. Conformément à la spécification HAR, le temps SSL est également inclus dans la connexion, il est donc soustrait en premier — sinon la partie TLS serait comptée deux fois et les largeurs de barre ne correspondraient plus à la durée réelle de la demande. Les marqueurs verticaux en pointillés affichent DOMContentLoaded et Load, lus directement à partir des horaires de page du fichier, afin que vous puissiez voir exactement quelles requêtes se sont terminées avant que la page ne devienne interactive.

Au-delà du graphique, l'outil exécute trois règles de recherche sur les champs déjà enregistrés au format HAR. Il signale les réponses pouvant être mises en cache (statut 200, 203 ou 206) qui ne portent ni un en-tête Cache-Control ni un en-tête Expires, ce qui signifie qu'une visite répétée doit les retélécharger à partir de zéro. Il signale 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. Et il signale les requêtes CSS ou JavaScript qui ont commencé avant le décalage DOMContentLoaded de la page, la signature classique d'un actif bloquant le rendu.

Tout cela fonctionne sur des données qui se trouvent déjà dans le fichier que vous téléchargez : il n'y a pas d'accès au réseau, pas de service de recherche externe et pas de récupération de la page d'origine. Le fichier HAR est lu, analysé et rendu entièrement dans l'onglet de votre navigateur et n'est jamais téléchargé nulle part.