blob: 731bce1671ebd646146c680f811ef8dc37e12132 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
---
title: Analyse de performance réseau
slug: Outils/Moniteur_réseau/Performance_Analysis
tags:
- Debugging
- Dev Tools
- Firefox
- Guide
- Networking
- Tools
translation_of: Tools/Network_Monitor/Performance_Analysis
---
<p>{{ToolsSidebar}}</p>
<p>Le Moniteur Réseau inclut un outil d'analyse de performances pour vous aider à comprendre combien de temps le navigateur met pour télécharger les différentes parties de votre site.</p>
<h2 id="Analyse_des_performances">Analyse des performances</h2>
<p>Pour lancer l'outil d'analyse de performances, cliquez sur l'icône chronomètre en bas de la barre d'outils du Moniteur :</p>
<p>(notez que si vous venez d'ouvrir le Moniteur Réseau, sans avoir lancé d'analyse, le chronomètre sera dans la fenêtre principale)</p>
<p>Le Moniteur Réseau charge alors le site deux fois : une avec un cache vide et une avec une mise en cache. Il simule ainsi la première visite du site et les visites suivantes. Il affiche les résultats pour chaque test côte à côte ou verticalement, suivant la place disponible :</p>
<p><img alt="capture décran de performances réseau" src="https://mdn.mozillademos.org/files/16277/network_performance.png" style="border: 1px solid black; display: block; height: 1176px; margin-left: auto; margin-right: auto; width: 900px;"></p>
<p>Les résultats de chaque test sont résumés dans un tableau et un diagramme à secteurs. Le tableau rassemble les ressources par type et affiche la taille de chaque ressource ainsi que le temps total pour la charger. Le diagramme "camembert" l'accompagnant affiche la taille relative de chaque ressource.</p>
<p>Pour revenir à la liste de requêtes, cliquer sur le bouton "Retour" à gauche.</p>
<p>Cliquer sur un secteur du diagramme affiche le Moniteur Réseau pour cette page, mais avec un filtre seulement pour ce <a href="/fr/docs/Tools/Network_Monitor#Filtering_by_content_type">type de ressource</a></p>
<h2 id="Fonctionnalités_du_Moniteur_Réseau">Fonctionnalités du Moniteur Réseau</h2>
<p>Les articles suivants couvrent les différents aspects de l'utilisation du Moniteur Réseau :</p>
<ul>
<li><a href="/fr/docs/Tools/Network_Monitor/Toolbar">Barre d'outils</a></li>
<li><a href="/fr/docs/Tools/Network_Monitor/request_list">Liste des requêtes réseau</a></li>
<li><a href="/fr/docs/Tools/Network_Monitor/request_details">Détails des requêtes réseau</a></li>
<li><a href="/fr/docs/Tools/Network_Monitor/Performance_Analysis">Analyse de performances</a></li>
<li><a href="/fr/docs/Tools/Network_Monitor/Throttling">Limitation de bande passante</a></li>
</ul>
|
