Cette traduction automatique est fournie pour votre commodité.
En cas d'incohérence entre la version anglaise et la version traduite, la version anglaise prévaudra. Veuillez visiter cette page pour plus d'informations.
Notre UI AJAX affiche requests AJAX récentes du navigateur vers un point de terminaison externe, tel qu'un domaine HTTP ou HTTPS. Ces informations permettent d'identifier les problèmes liés à l'expérience de l'utilisateur final lorsque vous avez des appels AJAX chronophages ou échoués qui mettent à jour des parties d'une page Web sur votre site. Vous pouvez consulter les problèmes par type d'appareil, y compris le navigateur de bureau, les appareils mobiles et les tablettes.
Que faut-il résoudre ?
Voici quelques conseils de dépannage pour identifier les problèmes de performances de votre application :
dépannage appels AJAX
Exemples
Problèmes sur l'ensemble de la demande
Si vous n'êtes pas sûr de l'origine du problème ou si vous souhaitez trace vos requests du début à la fin, cliquez sur le lien de tracing distribué dans l'UI AJAX.
Problèmes de timing
Les pourcentages de temps total, requests de débit par minute (tr/min) et les taux de transfert de données moyens par demande peuvent aider à identifier les problèmes de synchronisation.
Recherchez des pics importants dans le graphique Average data transfer per request de la page de résumé AJAX .
Analysez les tendances de vos données à l'aide du menu déroulant Group By pour évaluer vos performances AJAX par URL de requête, noms d'opération GraphQL et de nombreux autres champs.
À partir de l'onglet AJAX performance de l'appel individuel, recherchez les corrélations entre les valeurs de temps de rappel élevées et les taux de transfert de données.
Problèmes de point de terminaison
Recherchez toute valeur hors norme point de terminaison et étudiez requests individuelles qui en découlent.
Le graphique Status codes sur la page de résumé AJAX fournit des informations sur le comportement de retour de l'appel. Si vous voyez un grand nombre de codes d'état en dehors de la plage 200 , cela peut indiquer un problème avec votre point de terminaison AJAX.
Problèmes spécifiques de localisation de pages Web
Examinez les problèmes AJAX potentiels dans le contexte de la page sur laquelle ils se chargent. Sélectionnez une transaction AJAX, puis sélectionnez une trace de la table Session traces with AJAX .
Comment faire
Pour résoudre les problèmes liés aux requests AJAX pour votre application :
Sélectionnez le type d'appareil : ordinateur de bureau (par défaut), mobile et tablette.
Cliquez sur une requête AJAX.
Une fois que vous avez identifié une requête Ajax, il est temps d'enquêter. Essayez certaines de ces stratégies :
La page récapitulative fournit plusieurs graphiques pour vous aider à résoudre les problèmes d'appels AJAX.
Page de résumé AJAX
Commentaires
Groupes et filtres
Utilisez l’une des options Sort by disponibles dans l’ UI. Toutes requests AJAX qui prennent plus de deux minutes sont filtrées automatiquement
Utilisez l'option Group by pour sélectionner requestUrl ou groupedRequestUrl pour plus de flexibilité dans la visualisation de vos données.
Point de terminaison
Le graphique Throughput montre les cinq points de terminaison avec le débit le plus élevé. Si l'appel comporte plus de cinq points de terminaison, ils sont consolidés sur le graphique comme Other.
Appels de New Relic
Vous pouvez voir notre propre monitoring des appels AJAX des navigateurs vers votre application. C'est normal, car toute activité est capturée pendant la session du navigateur.
Données du navigateur manquantes
Les détails de synchronisation AJAX ne sont pas disponibles à partir des navigateurs IE 7, IE 8 ou Chrome pour iOS. Si vous ne voyez pas les données attendues d'un autre navigateur, suivez nos procédures de dépannage AJAX.
Après avoir sélectionné un appel spécifique sur la page de résumé AJAX , vous pouvez accéder aux informations détaillées avec le lien AJAX performance . Ceci inclut un lien direct pour trace les détails de la session.
À partir de là, vous pouvez également sélectionner l’onglet pour obtenir des données de performance par pages vues. (Si requests de votre serveur d'applications sont largement supérieures aux transactions PageView de votre navigateur, cela est dû au fait que certaines requests adressées à votre backend sont effectuées via AJAX. Pour plus d'informations, consultez nos procédures de dépannage.)
one.newrelic.com > All capabilities > Browser > (select an app) > AJAX > (select an AJAX call):Cet exemple montre les détails des performances pour un appel AJAX spécifique. Vous pouvez également afficher les détails des performances par page vue.
Le point de terminaison AJAX sur le graphique Average response time apparaît sous la forme de quatre ou deux périodes. Cela dépend s'il existe des en-têtes de traçage inter-applications.
Quatre périodes (Application time, Queue time, Network time et Callback time) : ces appels AJAX sont effectués sur le moniteur d'applications par des agents qui fournissent des en-têtes de traçage inter-applications.
Deux périodes (Response time et Callback time) : ces appels AJAX sont effectués sur des applications qui ne sont pas monitorées par des agents APM ou qui sont monitorées par des agents qui ne fournissent pas d'en-têtes de traçage inter-applications.
Pour trace vos requests du début à la fin, vous pouvez également cliquer sur le lien de tracing distribué dans l'UI AJAX.
Pour afficher la liste des traces distribuées, cliquez sur le lien dans l'UI AJAX au niveau du résumé AJAX.
Pour afficher toutes les traces filtrées par votre application et un type de demande spécifique, cliquez sur le lien de tracing distribué pour la demande que vous sélectionnez dans l'UI AJAX.
Lorsque vous triez la liste des catégories AJAX par Total time percentage, la liste affiche le pourcentage pour chaque catégorie AJAX. Le graphique montre également les principales requests avec les pourcentages de temps les plus élevés.
Pour présenter ces informations, le navigateur prend le temps de requête cumulé pour chaque catégorie AJAX et le divise par le temps de requête cumulé pour toutes requests AJAX. Cela permet d'identifier où optimiser les temps de réponse, car requests à haut débit seront favorisées par rapport requests à faible débit.
Example: Calculating time percentages for two AJAX categories
Cet exemple utilise deux catégories AJAX : api1.example.com et api2.example.com.
Votre api1.example.com est touché 1 fois et il lui faut 1 seconde (1000 ms) pour répondre (1 x 1 seconde = 1 seconde).
Votre api2.example.com est touché 500 fois et il lui faut 1 ms pour répondre (500 x 1 ms = 500 ms, soit 0,5 seconde).
Le temps de demande cumulé pour toutes vos catégories AJAX est de 1 500 ms, soit 1,5 seconde. Pour obtenir les pourcentages de temps, divisez chaque catégorie AJAX par le temps de requête cumulé, puis multipliez par 100 pour obtenir le pourcentage.
Ainsi, api1.example.com représente 67 % (1 000 divisé par 1 500, fois 100) et api2.example.com représente 33 % (500 divisé par 1 500, fois 100) du pourcentage de temps total.
Time calculations
api1
api2
Nombre de hits
1
500
Il est temps de réagir
1 seconde (1000 ms)
1 coup x 1000 ms = 1000 ms (1 seconde)
1 milliseconde (1 ms)
500 hits x 1 ms = 500 ms (0,5 seconde)
Temps de requête cumulé pour toutes les catégories AJAX
1000 ms + 500 ms = 1500 ms (1,5 seconde)
1000 ms + 500 ms = 1500 ms (1,5 seconde)
Pourcentage de temps = Catégorie / 1500 ms de temps de demande cumulé x 100 pour le pourcentage
1000 ms / 1500 x 100 = 67 %
500 ms / 1500 x 100 = 33 %
Et ensuite ?
En plus de l'UI AJAX, vous pouvez également utiliser ces ressources :
Aidez à prévenir les problèmes en utilisant des alertes pour vos indicateurs de performances clés.
Utilisez le monitoring des applications monopages (SPA). Ceci est utile pour toute application qui utilise requests AJAX pour extraire du contenu de manière dynamique et créer une expérience utilisateur fluide.
