Actualisation du monitoring de navigateurs

Que vous gériez une petite entreprise en ligne ou que vous utilisiez Jamstack pour faire évoluer une application web plus importante, vous aurez besoin de métriques exploitables qui soient accessibles aisément afin de pouvoir offrir une expérience client numérique exceptionnelle et trouver rapidement la cause de tout problème impactant les utilisateurs. Le monitoring de navigateurs New Relic est une solution tout-en-un qui aide les développeurs frontend, full stack et web à mesurer et améliorer la performance des applications et la réactivité des utilisateurs finaux.

Nous avons récemment ajouté de nouvelles fonctionnalités à notre expérience de monitoring de navigateurs pour vous permettre de dépanner et optimiser aisément vos applications frontend. Découvrez nos mises à jour : 

La norme du secteur, Google Web Vitals, au‑devant de la scène

Core Web Vitals de Google est maintenant intégré de façon native dans l'interface utilisateur du navigateur, ce qui veut dire que vous pouvez voir ces métriques essentielles en un coup d'œil sans avoir à développer des dashboards personnalisés.

Google Web Vitals se compose des métriques qui sont les normes dans le secteur et qui vous aident à analyser les performances de chargement, la réactivité et la stabilité visuelle de vos applications web. Core Web Vitals est un sous-ensemble de Web Vitals qui s'appliquent à toutes les pages web.

Vous pouvez ainsi visualiser et analyser immédiatement les métriques Largest Contentful Paint, First Input Delay et Cumulative Layout Shift de vos applications. Si votre site ralentit ou tombe en panne, les ingénieurs frontend peuvent trouver le problème et l'analyser en profondeur sans changer de contexte.

Nous comprenons la vigilance requise pour maintenir une grande disponibilité des pages. Avec les informations pertinentes et les signaux natifs dans New Relic, nous vous aidons à facilement réduire votre délai moyen de résolution (MTTR) et à rester informé des métriques des performances clés.

Le nouveau monitoring de navigateurs Web Vitals révèle les pages qui sont les plus performantes et celles qui sont les pires. Ainsi, vous disposez du contexte adéquat et pouvez minimiser le temps moyen de détection (MTTD) en cas de panne. Vous pouvez ajouter les pages à vos favoris et explorer les détails des sites les plus ou les moins performants. Vous pouvez également les filtrer selon chaque Web Vital pour évaluer votre travail. 

Affichez le trafic utilisateur sur tous les appareils

Par ailleurs, vous pouvez maintenant afficher tout le trafic frontend filtré immédiatement en fonction de trois types d'appareils : ordinateurs de bureau, appareils mobiles et tablettes. Vous pouvez également affiner ces résultats en effectuant un filtrage en fonction des Web Vitals et d'autres métriques.

Ceci est particulièrement utile lorsque vous déboguez et optimisez vos expériences frontend, parce que vous pouvez analyser plus de données granulaires. Par exemple, vous pouvez voir si Firefox ou Chrome contribue à des temps de chargement de pages plus longs lorsque l'accès à votre application se fait sur un ordinateur de bureau. En étant en mesure de mettre le doigt sur ces informations, sans avoir à toucher au code, vous aurez des délais moyens de détection et des résolution beaucoup plus courts. 

Le graphique linéaire ci-dessus vous montre les pires FID (First Input Delay) dans le temps, avec en plus les métriques sur le type d'appareil, le système d'exploitation et le pays, de telle sorte que vous pouvez corréler ce qui ne va pas et pour quelle raison.

En outre, si vous savez que la base d'utilisateurs de votre application vient spécifiquement de deux ou trois régions, vous pouvez ajouter ces dernières aux favoris. Ainsi, à chaque fois que vous vous connectez, vous pouvez voir les régions qui vous intéressent le plus.

Filtrez le trafic web par région

Dans le monitoring de navigateurs, la page Geography présente des éléments visuels qui vous aident à vous concentrer sur des informations clés concernant votre expérience frontend avec un plan intuitif. Ce plan montre vos données utilisateur par région, et vous permet de visualiser les points problématiques au niveau du trafic et des erreurs grâce aux informations sur le type d'appareils. Par exemple, s'il est difficile d'identifier les régions qui ont des temps de chargement de pages supérieurs à la normale, le filtrage géographique peut vous aider à trouver la cause du problème.

Ces nouvelles fonctionnalités peuvent vous aider à détecter les problèmes de performances de pages web rapidement et peuvent s'avérer très utiles dans des environnements dynamiques où une évolutivité rapide est essentielle. 

New Relic sait combien le monitoring des utilisateurs réels est important pour ses clients et travaille sans relâche à innover et offrir de nouvelles capacités pour toutes ses fonctionnalités de monitoring frontend. Revenez consulter notre blog pour ne pas manquer nos prochaines annonces ! Et ne ratez pas cet enregistrement du discours liminaire lors de Futurestack 2022 !