Surveillez les performances du site Web dans un tableau de bord
Lorsque les performances du site Web ralentissent, le fait de savoir si le problème se produit au niveau de l' application ou au niveau du réseau peut vous faire gagner du temps pour résoudre les problèmes. Dans le système ExtraHop, un tableau de bord est un outil efficace pour surveiller les données en temps réel, ainsi que pour identifier et résoudre les problèmes.
- Combien de demandes les clients envoient-ils à mes serveurs Web ?
- Mes serveurs Web fonctionnent-ils correctement ?
- La disponibilité du réseau affecte-t-elle les applications Web ?
- Mon réseau est-il anormalement lent ?
Prérequis
- Familiarisez-vous avec les concepts présentés dans cette procédure pas à pas en lisant le Tableaux de bord sujet.
- Vous devez avoir accès à un système ExtraHop avec un compte utilisateur limité ou privilèges d'écriture complets.
- Votre système ExtraHop doit également disposer de données réseau avec le trafic du serveur Web. Si vous n' avez pas accès aux données du serveur Web, vous pouvez effectuer cette procédure pas à pas dans Démo ExtraHop.
Création d'un tableau de bord
Lorsque vous créez un nouveau tableau de bord, l'espace de travail s'ouvre dans un mode de mise en page modifiable avec une seule région et deux widgets vides : un graphique et une zone de texte.
- Connectez-vous au système ExtraHop via https://<extrahop-hostname-or-IP-address>.
- En haut de la page, cliquez sur Tableaux de bord.
-
Cliquez sur le menu de commande
dans le coin supérieur droit et sélectionnez Nouveau tableau de bord pour créer un tableau de bord vide.
- Tapez le nom de votre tableau de bord dans Titre champ. Pour cette procédure pas à pas, tapez Performances du site.
- Cliquez Créez.
Configurez votre premier graphique
Votre nouveau tableau de bord contient un graphique vide que vous allez configurer pour afficher le nombre total de requêtes HTTP envoyées à vos serveurs Web. Cette étape vous aidera à comprendre comment les transactions Web peuvent affecter les performances du site Web.
Vous ajouterez d'autres graphiques ultérieurement, mais ces étapes initiales vous montreront comment ajouter des données à un graphique en sélectionnant d'abord une source métrique, puis en ajoutant une métrique dans l' explorateur de métriques.
![](/images/9.4/dashboard_walkthrough_chart_1.png)
Les tableaux de bord étant souvent partagés avec les membres d'une équipe du réseau, vous pouvez ajouter des zones de texte explicatives à côté de vos graphiques. Toutefois, dans le cadre de cette procédure pas à pas, nous n'ajouterons pas de texte et vous pouvez supprimer la zone de texte en effectuant les étapes suivantes :
- Cliquez sur le menu de commande
dans le coin supérieur droit du widget de zone de texte et sélectionnez Supprimer.
- Cliquez Supprimer le widget.
Personnaliser la disposition du tableau de bord
Lorsque le tableau de bord est en mode mise en page, tous les composants du tableau de bord (régions et widgets) peuvent être glissés et déposés depuis le bas de la page du tableau de bord.
- Faites glisser le coin de l'espace de travail du tableau de bord pour faire de la place à des graphiques supplémentaires.
- Faites glisser un widget graphique du bas du tableau de bord vers la zone vide de la région supérieure
où se trouvait auparavant la zone de texte.
Remarque : En cas de chevauchement, les composants du tableau de bord sont surlignés en rouge, et vous devez cliquer et faire glisser les côtés des widgets et des régions pour libérer de la place. - Faites glisser une nouvelle région vers le tableau de bord.
- Faites glisser deux autres widgets graphiques dans la nouvelle région.
- Dans l'en-tête de chaque région, cliquez sur Renommer pour saisir un nom unique pour chaque région. Pour cette procédure pas à pas, renommez la région supérieure en Web et la région inférieure pour Réseau.
Ajoutez d'autres métriques HTTP à votre tableau de bord
Répétez les instructions fournies plus tôt pour configurer les nouveaux graphiques vides. Continuez à définir votre source sur Toutes les activités. Cette source garantit que toutes les mesures que vous observez sont liées au même ensemble de serveurs Web.
Les tableaux ci-dessous présentent les sélections que vous devez effectuer pour les mesures et les types de graphiques de chaque graphique.
Graphiques dans la région Web
Graphique 1 : Déterminez le nombre de demandes que vos serveurs Web reçoivent. Le diagramme de valeurs que vous avez déjà créé vous permet de consulter le nombre total de requêtes HTTP des clients envoyées à vos serveurs Web.
Graphique 2 : Déterminer si les serveurs Web fonctionnent correctement. Le graphique à colonnes et lignes montre la relation entre les codes d'état de 500 niveaux (erreurs d'indisponibilité du serveur) et les transactions sur le Web au fil du temps.
![](/images/9.4/dashboard_walkthrough_chart_2.png)
Ce qu'il faut configurer | Ce qu'il faut sélectionner |
---|---|
La source | Toutes les activités |
Métriques |
|
Type de graphique |
|
Graphiques dans la région du réseau
Graphique 1 : Déterminer si la disponibilité du réseau affecte les applications Web. Un graphique en courbes indique le temps nécessaire pour que les données traversent le réseau (HTTP Round Trip Time). Vous voudrez voir la moyenne (50e percentile) et les valeurs du 95e percentile pour cette métrique, ce qui nécessite d'ajouter la métrique deux fois, comme illustré dans la figure suivante :
![](/images/9.4/dashboard_walkthrough_chart_3.png)
Ce qu'il faut configurer | Ce qu'il faut sélectionner |
---|---|
La source | Toutes les activités |
Métriques |
|
Type de graphique | Ligne |
Graphique 2 : Déterminez si le réseau est anormalement lent. Le délai de retransmission La métrique (RTO) permet d' identifier les pertes de paquets et de localiser les liens encombrés. Étant donné que la combinaison des RTO de requête et de réponse HTTP peut contribuer à la lenteur d'un site Web, corrélez les délais de retransmission du réseau aux performances du site Web dans un graphique en aires, comme illustré dans la figure suivante :
![](/images/9.4/dashboard_walkthrough_chart_4.png)
Ce qu'il faut configurer | Ce qu'il faut sélectionner |
---|---|
La source | Toutes les activités |
Métriques |
|
Type de graphique | Région |
Surveillez les performances de votre site Web
Une fois que vous avez terminé de configurer tous les graphiques, cliquez sur Quitter le mode Layout. Votre tableau de bord doit ressembler à la figure suivante. Toutefois, les données figurant dans les graphiques de votre tableau de bord auront un aspect différent, car celui-ci reflète l' activité qui se produit sur votre réseau.
Nous vous remercions pour vos commentaires. Pouvons-nous vous contacter pour vous poser des questions complémentaires ?