Back to top icon

Fonctionnalités de New Relic Browser

Demandez une démo Démarrez un essai gratuit
Performances du chargement des pages

Les fonctionnalités de performances de chargement des pages fournissent un contexte aux facteurs qui affectent les performances de chargement des pages (parfois appelé surveillance utilisateur réelle ou RUM). Notre approche consiste à vous fournir une vue globale et la possibilité d’examiner de près des données plus granulaires grâce à des vues de pages individuelles pour résoudre les problèmes de performances.

Changements de routage d’application de page unique

Affichez les performances des changements de routage d’une seule application, quel que soit le framework JavaScript que vous utilisez. Une instrumentation puissante de bas niveau peut même capturer des interactions au-delà des changements de routage pouvant être personnalisés via une API, permettant ainsi une surveillance adaptée à l’architecture de votre application, par exemple les frameworks personnalisés.

Traces de session

Les traces de session constituent l’un des atouts les plus précieux dont un ingénieur a besoin : le contexte. Au-delà de l’identification de temps de chargement longs et d’erreurs spécifiques, les traces de session du navigateur fournissent des informations antérieures et postérieures à une erreur ou à un problème de performances. Transférez des requêtes AJAX et des erreurs JavaScript dans une trace de session, et inversement d’une trace de session vers une erreur JavaScript ou réseau spécifique.

Traces de session

Traces de navigateur

Les traces sont des instantanés de l’expérience d’un utilisateur, apparaissant comme une valeur aberrante en raison d’un temps de chargement plus long que la moyenne. Elles fournissent des détails sur le moment où il a eu lieu, une répartition segmentée des temps de chargement, le type de navigateur et l’emplacement géographique de l’utilisateur. Ce rapport est excellent pour la dissection de zones de votre application dont les performances sont médiocres pour des utilisateurs spécifiques.

Temps de chargement des pages - Graphique de segmentation

Des mesures sont lancées à partir du moment où un utilisateur commence une transaction dans le navigateur, jusqu’à la fin du chargement de la page. Un rapport indique le temps moyen de chargement d’une page détaillé par des codes en couleur : mise en file d’attente des demandes, code d’application, latence du réseau, traitement DOM et rendu de la page.

Temps de chargement des pages - Graphique de segmentation

Temps de chargement des pages - Histogramme et percentiles

Les histogrammes et les centiles des temps de chargement des pages du navigateur fournissent une vue globale de la vitesse de chargement des pages, pas uniquement centrée sur des moyennes. Des histogrammes et des centiles font apparaître chaque chargement de page survenu pendant une fenêtre temporelle spécifiée, offrant ainsi la possibilité d’explorer les valeurs aberrantes qui auraient autrement été ignorées.

Reporting géographique

Comprenez les différences d’expérience de vos utilisateurs finaux sur votre site selon leur emplacement géographique. Déterminez si vous avez besoin de plus de CDN ou si des clients importants dans des pays spécifiques ressentent de manière négative les performances de votre site.

Reporting géographique

Appels AJAX au niveau des pages

Pour une page spécifique, consultez tous les appels AJAX en cours, ainsi que le temps de réponse, le débit (rpm), le nombre total d’appels, les codes d’état d’erreur et le transfert moyen de données effectué pour chacun d’eux.

Appels AJAX au niveau des pages

Débit d’affichage des pages

Le débit est mesuré en requêtes par minute. Les mesures de débit vous aident à comprendre quelles pages sont appelées le plus souvent.

Connectez le navigateur aux performances du backend

À partir du rapport Vues de page, vous pouvez sélectionner une URL de page unique et voir toutes les transactions APM d’arrière-plan associées (si l’agent APM est installé dans votre application). Visualisez rapidement le temps total d’appel, le temps de réponse moyen et le nombre d’appels pour toute transaction backend individuelle. Vous pouvez également examiner plus en détail une transaction spécifique et consulter les diagnostics dans nos rapports APM.

Connectez le navigateur aux performances du backend

Performances du navigateur

Les tableaux de bord de New Relic Browser fournissent des informations sur l’expérience de vos utilisateurs finaux en fonction du type et de la version du navigateur. Vous pouvez ainsi savoir où concentrer vos tests de temps et votre optimisation des performances.

Débit du navigateur

Fournit un instantané du nombre moyen de vues de pages reçues par minute, ventilées par type de navigateur.

Temps de chargement du navigateur - Graphique de segmentation

Pour chaque type de navigateur, une vue segmentée du temps passé sur la file d’attente des demandes, le code d’application, la latence du réseau, le traitement DOM et le rendu des pages.

Temps de chargement du navigateur - Graphique de segmentation

Graphique de version du navigateur

Vous aide à comprendre quelle version de chaque navigateur est utilisée par vos clients, en fonction du débit.

AJAX

Si vos applications utilisent AJAX pour mettre à jour des parties d’une page Web après son chargement initial, nos tableaux de bord AJAX vous fourniront le niveau de visibilité nécessaire pour comprendre les performances de ces demandes et, en définitive, l’impact sur l’expérience de vos utilisateurs.

Tableau de bord AJAX

Le tableau de bord AJAX principal présente les requêtes AJAX les plus gourmandes en ressources de votre site et peut être filtré en fonction de la consommation de temps, du temps de réponse, du débit, du temps de rappel et du transfert de données. À partir de là, vous pouvez explorer un appel en particulier pour une analyse détaillée.

Appels par vue de page

Indique les vues de page appelant un contrôleur côté serveur particulier, avec des détails au niveau de la page concernant le débit, le temps de réponse, le nombre total d’appels et le transfert de données.

Code de statut de demande

Le reporting des codes d’état indique le comportement de renvoi d’un appel AJAX. Un grand nombre de codes d’état non 200 peut indiquer un problème avec vos points de terminaison AJAX.

Transfert de données par demande

Montre le transfert de données demandé et envoyé. Utilisez-le pour rechercher des corrélations entre les durées de rappel élevées et les taux de transfert de données.

Erreurs JavaScript

Les tableaux de bord d’erreurs JavaScript vous aident à identifier les erreurs JavaScript de production affectant les expériences de vos utilisateurs et servent de base pour leur résolution.

Résumé d’erreur JavaScript

Cette vue récapitulative vous donne une compréhension de haut niveau des types d’erreurs JavaScript, de leur fréquence et du pourcentage d’utilisateurs affectés par les erreurs.

Résumé d’erreur JavaScript

Erreurs par navigateur

Pour chaque type d’erreur, ce graphique indique les navigateurs concernés par l’erreur et leur contribution relative à votre volume total d’erreurs.

Pourcentage de vues de pages comportant des erreurs

Pour chaque type d’erreur, ce graphique vous indique le pourcentage de vues de pages affectées. Cela vous permet d’évaluer rapidement la portée et l’impact d’une erreur spécifique sur vos utilisateurs finaux.

Détails de l’instance d’erreur

Les détails d’instance d’erreur incluent un instantané d’une seule erreur et capture les détails de la trace de stack disponibles dans le navigateur, en se concentrant sur les composants exploitables, jusqu’à la ligne de code. Ces mesures sont associées à des combinaisons de navigateur uniques allant jusqu’au niveau de version et à une URL unique. Jamais les diagnostics JavaScript n’ont été aussi précis

Prise en charge des cartes de référence

Résolvez les problèmes de code JavaScript de production réduit, avec la prise en charge des cartes de référence source vous donnant une visibilité totale sur l’emplacement de l’erreur frontend dans votre code. Le glisser-déposer intuitif vous permet de localiser les problèmes en un clic, et les intégrations d’API fonctionnent de manière transparente avec votre pipeline de développement.

Prise en charge des cartes de référence

Surveillance de l’expérience client d’exception

L’analyse des pannes de New Relic Mobile vous permet d’analyser les incidents les plus graves et de les résoudre plus rapidement. La prise en charge des cartes de référence de New relic Browser vous offre une visibilité plus exploitable des erreurs JS frontend en vous montrant exactement où se trouve l’erreur dans la source d’origine, même si votre code est réduit.

Fonctionnalités globales

Les fonctionnalités suivantes sont utilisées dans la suite New Relic afin de rendre nos produits plus faciles à utiliser et à s’intégrer de manière transparente à vos workflows existants.

Affichez rapidement l’état de l’application

New Relic utilise des indicateurs d’état codés par couleur pour vous aider à détecter rapidement les problèmes de performances.

Tableaux de bord personnalisés

Surveillez vos mesures de performances les plus critiques en les ajoutant rapidement à un tableau de bord personnalisé.

Intégration à votre système de tickets

Alertes

Filtrage des lieux

Comprenez les différences d’expérience de vos utilisateurs finaux par pays, par région, et même par ville. Identifiez les performances d’un fournisseur de CDN ou ASN/Internet dans différentes zones géographiques.

Sécurité

New Relic a pour mission d’aider ses clients à optimiser et sécuriser leurs applications. Nous accordons une grande importance à la protection des données de nos clients. Voici un aperçu de la manière dont nous procédons.

Régions de données USA et UE

Notre structure mondiale d’hébergement de données comprend deux régions : l’Union européenne et les États-Unis. Lors de la configuration du compte, sélectionnez votre région de préférence pour l’hébergement des données, où que vous soyez. (Remarque : nous ne permettons pas la migration ou l’agrégation des données d’une région à une autre.)

Audit SCO 2

New Relic a réalisé avec succès un audit SOC 2 des processus et des contrôles relatifs à la sécurité et à la disponibilité. Cet audit indépendant mené par une société tierce a examiné notre processus et nos contrôles de sécurité. Il a vérifié que nous prenons les mesures nécessaires pour protéger nos systèmes et, encore plus important, les données de nos clients.

Centre de données sécurisé

L’infrastructure qui exécute le service New Relic et stocke les données de nos clients réside dans un centre de données certifié Tier III, SSAE-16. Les données client sont sauvegardées régulièrement.

Surveillance continue

New Relic utilise des services internes et tiers pour effectuer une analyse de sécurité continue sur notre réseau et ses applications afin de garantir la sécurité de nos applications et de nos serveurs.

La sécurité par défaut

Nous croyons fermement au concept de « sécurité par défaut ». Les clients doivent explicitement activer les paramètres dans New Relic pour autoriser l’envoi de données sensibles. Nous voulons nous assurer que vous n’exposez pas accidentellement des données sensibles.

Conformité assurée

New Relic peut être configuré pour fonctionner en toute sécurité dans des environnements réglementés tels que PCI, HIPAA ou SOX. De plus, nous sommes certifiés Privacy Shield Suisse et UE.