Panneau "Network" (Réseau) : analyser la charge du réseau et les ressources

Dale St. Marthe
Dale St. Marthe
LinkedIn

Utilisez le panneau Network (Réseau) pour analyser le chargement des pages et inspecter les ressources réseau.

Présentation

Le panneau Network (Réseau) vous permet d'effectuer les opérations suivantes :

Consultez Inspecter l'activité réseau pour suivre un tutoriel guidé qui explore certaines des fonctionnalités les plus couramment utilisées du panneau Network (Réseau).

Ouvrir le panneau Réseau

Pour ouvrir le panneau Network (Réseau), ouvrez les outils de développement, puis cliquez sur Network (Réseau) dans la barre d'actions en haut.

Vous pouvez également ouvrir le panneau Network (Réseau) à l'aide du menu Command (Commande) en procédant comme suit :

  1. Ouvrez les outils de développement.
  2. Ouvrez le menu Command (Commande) en appuyant sur :
  3. macOS: Command+Shift+P
  4. Windows, Linux, ChromeOS: Control+Shift+P Menu de commandes avec
  5. Commencez à saisir Network, sélectionnez panneau Réseau, puis appuyez sur Entrée.

Enregistrer l'activité réseau

Lorsque vous ouvrez les outils de développement, les requêtes réseau sont automatiquement enregistrées dans le panneau Network (Réseau), tant que les outils de développement sont ouverts.

En plus de l'enregistrement, vous pouvez effectuer les opérations suivantes :

Inspecter les requêtes réseau

Toutes les requêtes réseau sont consignées dans la table Requests (Requêtes) au centre du panneau.

Pour en savoir plus sur les colonnes affichées par défaut et celles que vous pouvez ajouter, consultez Afficher un journal des requêtes.

Cliquez sur le nom d'une requête pour afficher des onglets contenant des informations supplémentaires sur la requête, y compris les suivantes :

  • Headers (En-têtes) : en-têtes HTTP de la requête sélectionnée.
  • Payload (Charge utile) : paramètres de la chaîne de requête et données de formulaire d'une requête.
  • Preview (Aperçu) : rendu de base du code HTML.
  • Response (Réponse) : code source HTML de la requête.
  • Initiator (Initiateur) : élément à l'origine de la requête.
  • Timing (Durée) : répartition de l'activité réseau pour la requête sélectionnée.
  • Cookies : cookies de la requête et de sa réponse.
  • Device bound sessions (Sessions liées à l'appareil) : état de report et d'actualisation des sessions actives liées à l'appareil.

Filtrer et trier les requêtes réseau

Le panneau Network (Réseau) vous permet de trier les requêtes de la table Requests (Requêtes) de deux manières :

Voici plusieurs façons de filtrer les requêtes dans la table Requests (Requêtes) :

Pour savoir comment rechercher les en-têtes et les réponses HTTP de toutes les ressources pour une chaîne ou une expression régulière donnée, consultez Rechercher des en-têtes et des réponses réseau.

Modifier le comportement de chargement

Testez l'expérience utilisateur de votre page en modifiant le comportement de chargement dans le panneau Network (Réseau).

Le panneau Network (Réseau) vous permet d'effectuer les opérations suivantes :

Enregistrer et exporter les données de requête réseau

Pour enregistrer et exporter les données de requête réseau, consultez les ressources suivantes :