Surveillance des sites web

Si vous souhaitez utiliser la surveillance de sites web avec Wordpress, utilisez le plugin WP Instana EUM.

Pour plus d'informations sur Wordpress, voir What is Wordpress.

Instana La surveillance de sites Web vous offre la possibilité d'activer l'option « Subresource Integrity » ( SRI ) pour le script de suivi. Les utilisateurs peuvent activer ou désactiver l' SRI pour leur script de suivi et choisir une version spécifique de l'agent à l'aide de l' SRI. Dans le script de suivi, la version de l'agent JavaScript a été ajoutée, et un nouveau champ integrity apparaît avec le hachage base64-encoded sha384.

Lorsque l'option « Subresource Integrity » est désactivée, le script de suivi utilise par défaut la dernière version de l'agent JavaScript, mais ne contient pas le champ d'intégrité.

Si votre site web est une application monopage (SPA), vous pouvez configurer l'agent pour qu'il détecte automatiquement les transitions de page au sein de votre site web. L'activation de la détection automatique des changements de page évite d'avoir à modifier l'application pour y ajouter des appels à l'agent lors de ces changements. La détection automatique des transitions de page est activée par défaut pour les applications monopages. Pour activer cette option, sélectionnez « Applications monopages », puis réglez le paramètre « Activer la détection automatique des transitions de page » sur « Oui ».

Lorsque la détection automatique des changements de page est activée, l'agent envoie des balises qui utilisent soit le titre de la page, soit l'adresse URL comme nom de page. Il est utile de choisir un nom de page pertinent lorsque vous analysez les balises de votre site web. Pour les sites web dont les pages ont déjà un titre pertinent, utilisez ce titre comme nom de page dans les balises.

Lorsque vous utilisez l'adresse URL comme nom de page, il peut être utile de remplacer URL par un nom plus explicite dans la balise. Vous pouvez fournir une expression régulière qui convertit un motif d' URL s en un nom descriptif.

Pour saisir une expression régulière, procédez comme suit :

1. Cochez la case « Activer le mappage par expression régulière ».
2. Saisissez une ou plusieurs expressions régulières décrivant les URL de vos pages, en attribuant un nom explicite à chacune d'entre elles. Les URL de pages correspondant à une expression régulière sont remplacées par le nom descriptif indiqué dans la balise.
3. Une fois que vous avez fini de saisir les expressions régulières, cliquez sur « Tout enregistrer » pour mettre à jour le script de suivi avec cette configuration.

De plus, si votre site web est une application monopage (SPA) et que la détection automatique des changements de page est activée, l'agent recueillera automatiquement les valeurs relatives à la durée des changements de page. Cette durée comprend à la fois le temps nécessaire à la transition visuelle de la page (c'est-à-dire les mises à jour du DOM) et le temps nécessaire au chargement des ressources initiales déclenchées par cette transition, telles que les appels à l' API, les images ou les scripts. La durée totale est mesurée en millisecondes et fournit des informations précieuses sur l'impact global d'une transition de page sur les performances, du point de vue de l'utilisateur.

Pour plus d'informations, consultez la page JavaScript agent API.

Dans l'onglet Vitesse, vous pouvez afficher le débit, le temps d'attente et les métriques qui décrivent les temps de chargement des pages.

Les ressources tierces, telles que les scripts et les images, sont souvent responsables du chargement lent des pages. Dans l'onglet des ressources, vous pouvez trouver un tableau qui affiche tous les fournisseurs de ressources qui sont activement utilisés par votre site Web.

Une fois que vous avez cliqué sur une origine spécifique, vous pouvez voir des informations plus détaillées, notamment les répartitions de temps de chargement et les performances de mise en cache. Vous pouvez voir les changements dans les statistiques de mise en cache au fil du temps et la façon dont elles sont liées aux temps de chargement.

Dans l'onglet « Requêtes d' HTTP », vous pouvez analyser quelles requêtes d' HTTP sont lentes ou posent problème. Si vous sélectionnez une origine spécifique, vous obtiendrez des informations détaillées sur la répartition des méthodes d' HTTP, le débit et la latence, ainsi que sur les taux d'erreur et la répartition de la latence.

Des erreurs peuvent se produire dans les processus critiques. Par exemple, lors du processus de paiement d'articles achetés sur une boutique en ligne, des erreurs de double prélèvement peuvent se produire. En conséquence, le client peut être mécontent et l'entreprise doit prendre des dispositions, par exemple pour procéder à un remboursement par carte de crédit.

Bien que le fait de voir des erreurs non interceptées dans des traces soit utile, parfois vous ne vous souciez pas d'un seul problème. Lorsque de nombreuses équipes sont impliquées ou que de nombreuses erreurs surviennent, il est beaucoup plus utile d'avoir une vue d'ensemble de la situation. Dans l'interface utilisateur d' Instana, vous disposez d'un récapitulatif complet des erreurs, comprenant les informations suivantes :

• Les erreurs qui se produisent et le nombre d'erreurs qui existent
• Nombre d'utilisateurs affectés
• Dans quels navigateurs les erreurs se produisent
• Dans quels systèmes d'exploitation les erreurs se produisent
• Pages dans lesquelles les erreurs se produisent

Les informations sur les utilisateurs concernés sont disponibles à mesure que les informations utilisateur sont mises à la disposition de l'agent JavaScript . Pour plus d'informations, voir Identification des utilisateurs.

Vous pouvez afficher la liste des événements personnalisés dans l'onglet Evénements personnalisés . Sélectionnez un événement pour afficher toutes les métriques associées.

Pour plus d'informations sur la génération de rapports sur les événements personnalisés, voir Génération de rapports sur les événements personnalisés.

Souvent, il est important d'isoler des pages spécifiques et d'analyser leurs performances. Cette vue est également idéale pour identifier la page sur laquelle le trafic est le plus élevé ou qui présente les temps de réponse les plus longs.

Une fois que vous avez sélectionné une page spécifique, vous pouvez voir tous les indicateurs de cette seule page.

Pour plus d'informations sur la manière de configurer Instana afin qu'il suive non seulement les chargements de pages, mais aussi les transitions entre pages, consultez la section Page.

Vous pouvez attribuer une équipe à un site web spécifique, mais seules les équipes dont vous faites partie seront disponibles.

Une fois que les équipes ont été associées à des sites web, seuls leurs membres pourront consulter ces sites dans l'interface utilisateur. De plus, votre niveau d'accès au site web dépend des rôles qui vous sont attribués au sein de cette équipe.

Pour plus d'informations sur Team, consultez la section Team.

Affichez la liste de toutes les alertes intelligentes configurées. Cliquez sur une alerte pour afficher sa configuration, la modifier ou afficher son historique de révision. Si nécessaire, vous pouvez également désactiver ou retirer l'alerte.

La liste des alertes intelligentes, ainsi que chacune des configurations individuelles, affiche les équipes associées aux SLO sous-jacents pour lesquels l'alerte intelligente a été configurée.

Pour plus d'informations sur l'ajout d'une alerte, voir Smart Alerts.

Dans la vue analytique groupée, les données de balises sont regroupées en fonction d'une étiquette. Par défaut, les données de balise sont regroupées comme suit:

• La page est chargée par nom de page (beacon.page.name).
• Ressources par origine de ressource (beacon.http.origin).
• HTTP demandes par origine de la cible d'appel (beacon.http.origin).
• les erreurs JavaScript par message d'erreur (beacon.error.message).

La capture d'écran suivante montre les chargements de page regroupés par nom de navigateur (beacon.browser.name), avec un graphique qui affiche la distribution des temps de chargement de page (moyenne) dans les navigateurs pour un site Web appelé Robotshop.

La vue non groupée est accessible une fois que les critères de regroupement ont été supprimés. Il répertorie toutes les balises qui correspondent aux filtres fournis. La vue non groupée constitue également une passerelle vers la vue des chargements de page.