← Tous les articles

Fenêtres sur le frontend

Filtrez le trafic réseau dans l'Output Console

L'onglet Network de l'Output Console affiche les requêtes réseau de la page directement sur la page — sans avoir besoin des DevTools. Quand une page en génère des centaines, la simple liste ne suffit pas. Les versions récentes ont ajouté un jeu complet de filtres : par domaine, par taille et par durée. Voici comment les utiliser.

Filtre de domaines : « Domaines+ » et « Domaines- »

À côté des statuts, vous trouverez deux champs. « Domaines+ » ne conserve que les entrées du domaine indiqué ; « Domaines- » retire les entrées qui lui correspondent. Les deux acceptent plusieurs domaines séparés par une barre verticale, par exemple wp.pl|onet.pl — une entrée correspond dès qu'elle contient l'un d'eux.

Ajouter des domaines en un clic

Vous n'avez pas à ressaisir les domaines à la main. Alt+clic sur une ligne Network ajoute son domaine à « Domaines+ » (un autre Alt+clic le retire). Alt+Shift+clic fait de même pour « Domaines- ». En quelques clics, vous réduisez la liste à un seul service ou vous éliminez le bruit analytique.

Curseurs de taille et de durée

Deux curseurs à double poignée limitent la liste aux requêtes d'une taille (ko) et d'une durée (ms) données. L'échelle est exponentielle — la partie basse de la piste a une granularité fine, ce qui permet de tamiser facilement les petits pings sans tout perdre d'un coup. De chaque côté de la piste se trouvent des champs de saisie pour entrer les valeurs min/max à la main ; le curseur et le champ restent synchronisés.

Remarque : lorsque vous déplacez le curseur de taille, les entrées sans taille connue (sans en-tête content-length) disparaissent aussi — elles ne peuvent pas être comparées au seuil.

Lisibilité des entrées longues

Les adresses longues dans une ligne repliée sont tronquées à 255 caractères, afin qu'une URL avec une chaîne de requête volumineuse n'envahisse pas toute la fenêtre. Vous voyez l'adresse complète après avoir déroulé la ligne. La durée de l'appel et la taille sont mises en évidence par un fond, de sorte qu'elles attirent l'œil immédiatement.

À quoi tout cela sert

Les filtres transforment un « mur de requêtes » en outil d'enquête. Vous voulez voir ce qu'une page envoie à un traceur précis ? Saisissez son domaine dans « Domaines+ ». Vous traquez une ressource lourde qui ralentit la page ? Relevez la borne inférieure du curseur de taille. Tout sur la page, dans une fenêtre que vous pouvez garder ouverte à côté du contenu.

Installez JustZix et gardez une vue du trafic réseau à portée de main sur chaque page.

Notez cet article

Aucune note — soyez le premier.

Essayez vous-même

Installez JustZix et collez n'importe quel snippet de cet article. Deux minutes de zéro à une règle fonctionnelle sur tous vos appareils.

Obtenir JustZix

Fonctionnalités · Comment ça marche · Exemples · Cas d'usage