Pour le temps de chargement standard des pages, parfois appelé monitoring des utilisateurs réels (RUM), nous mesurons le temps global de chargement de la page Web entière. monitoring supplémentaire après le chargement de la page fournit des détails sur les appels AJAX dans la page, les erreurs JavaScript et d'autres événements et interactions.
Notre peut exploiter l'agent New Relic pour injecter dynamiquement du JavaScript dans les pages au fur et à mesure de leur création, afin de collecter des informations de synchronisation du backend plus détaillées. Browser peut également monitorer les applications avec des architectures d'application monopage (SPA).
instrumentation pour collecter les données du navigateur
Pour collecter des données, monitoring des navigateurs utilise des éléments JavaScript collés ou injectés dans vos pages Web, généralement dans le cadre de l'HEAD de la page, contenant des détails configuration et instrumentation essentielle de l'environnement du navigateur. Une fois le chargement de la page terminé, un script supplémentaire est téléchargé à partir d'un serveur CDN. Ce script supplémentaire traite les données collectées et les renvoie à New Relic via bam.nr-data.net afin que vous puissiez voir les données dans votre compte New Relic.
Les éléments script peuvent être injectés automatiquement ou via l' API d'agent par un agent APM installé dans l'application backend, ou ils peuvent être insérés manuellement via copier/coller. L'appel d'API et la méthode copier/coller vous permettent de contrôler quand et où les éléments script sont insérés.
Nous utilisons ces méthodes pour collecter les informations sur le temps de chargement des pages :
Exigences de placement JavaScript
L'injection de JavaScript en ligne dans le HEAD est une exigence inhabituelle pour une bibliothèque JavaScript, et différente de la manière dont les scripts tiers sont généralement inclus. Nous avons besoin de cela pour que le navigateur fournisse des informations précises sans affecter les performances de chargement des pages.
Les éléments JavaScript injectés dans le navigateur encapsulent de nombreuses API intégrées du navigateur pour enregistrer des informations sur les erreurs JavaScript ou les délais de rappel. Le placement inhabituel de l'élément de code est nécessaire pour les raisons suivantes :
- Le placement HEAD en ligne garantit que le code instrumentation est chargé avant tous les autres scripts afin que l'encapsulation se produise lorsque d'autres bibliothèques sont enregistrées.
- Le placement de code en ligne élimine également les allers-retours réseau causés par un script référencé en externe.
Transmission de données
Pour les deux pages Web https and http, nous transmettons les données via https. Cela résume le moment où les données sont transmises vers et depuis la page Web.
Important
New Relic nécessite la prise en charge de la fonction hacher SHA256, que certains anciens systèmes d'exploitation ne prennent pas en charge. Si un utilisateur final ne dispose pas de SHA256, l'agent du navigateur ne se connectera pas à New Relic et les données ne seront pas envoyées.
Data transmission | Frequency |
|---|---|
Récupérer le script de l'agent | Une fois la page suivante chargée via https |
Envoyer les données de temps de chargement de la page | Une fois la page suivante chargée via https |
Envoyer les données de temps d'affichage de la page ( | Les données sont envoyées 10 secondes après le chargement initial de la page, puis toutes les 30 secondes par la suite. |
Envoyer des données d'erreur AJAX et JavaScript | Une fois toutes les 10 secondes lorsqu'il y a une activité via https |
Envoyer les données de trace de session | Toutes les dix secondes lorsqu'il y a une activité et qu'une trace de session se produit via https |
Envoyer des données SPA | A la fin d'une interaction via https |