La plupart des services d'analyse fonctionnent en enregistrant uniquement des informations de base sur vos utilisateurs visiteurs, par exemple. l'URL visitée, l'URL de renvoi, le système d'exploitation de l'ordinateur et le temps passé sur la page avant de partir. En d’autres termes, de nombreux services d’analyse fournissent un niveau d’information de base, mais le navigateur du client, une fois la page chargée, a encore beaucoup à faire, tels que les appels Javascript et Ajax ultérieurs. Il y a donc beaucoup de marge d'innovation, c'est là que le service de navigation de New Relic entre en jeu..
New Relic est un service de surveillance des performances qui exploite diverses technologies de serveur et de langage. Le navigateur effectue son analyse sur les ordinateurs et les périphériques de vos utilisateurs dans leurs navigateurs. Ce faisant, il vous donne une image de l'expérience de vos utilisateurs réels avec votre produit. New Relic Browser est le seul produit de surveillance à le faire..
Le nouveau navigateur Relic surveille les données du cycle de vie d'une page, bien au-delà du chargement initial de la page. Pour chaque chargement de page d'utilisateur final, New Relic capture:
Vous pouvez afficher les données globalement sur tous les utilisateurs et les voir découpées en morceaux par page Web, navigateur, session utilisateur et emplacement..
Navigateur peut vous aider à identifier les problèmes côté client qu'aucun autre service de surveillance ne peut. De plus, il peut vous aider à identifier et à isoler les problèmes liés à des navigateurs, des versions ou des emplacements de réseau géographiques spécifiques. En fait, l'équipe de New Relic a écrit un article sur les choses folles découvertes lors des tests bêta sur les navigateurs des utilisateurs finaux, telles que l'installation de logiciels malveillants et le comportement décalé de Chrome..
Pour commencer, vous devez vous inscrire pour votre compte gratuit à New Relic:
Si vous utilisez déjà New Relic, peut-être dans notre autre didacticiel sur WordPress et W3 Total Cache, vous devrez peut-être activer le didacticiel de Browser Pro. Connectez-vous et recherchez le bouton "Ajoute-moi à la version d'évaluation de Browser Pro". Cela activera l'essai gratuit de 30 jours pour les fonctionnalités de Browser Pro.
Une fois que vous avez terminé votre inscription, suivez les instructions d’installation de la page correspondant à votre inscription. J'utilise Ubuntu 14.04. New Relic offre des instructions d'installation avancées pour la plupart des langues.
Pour mon installation Ubuntu, ça se passe comme ça. L'installation de WordPress W3TC New Relic fonctionne un peu différemment.
Ajoutez le référentiel New Relic apt:
echo deb http://apt.newrelic.com/debian/ newrelic non-libre >> /etc/apt/sources.list.d/newrelic.list
Faites confiance à la nouvelle clé GPG Relic:
wget -O - http://download.newrelic.com/548C16BF.gpg | sudo apt-key add -
Mise à jour et liste de paquets locale et installer New Relic:
sudo apt-get update
Si vous utilisez la configuration standard de New Relic, ce sera:
apt-get installer newrelic-sysmond
Configurez et lancez le moniteur système. Si vous utilisez la configuration générique New Relic, procédez comme suit:
nrsysmond-config --set license_key = votre-clé-de-licence-va-ici
Démarrez le nouveau démon Relic:
/etc/init.d/newrelic-sysmond start
Quelle que soit l'approche utilisée, redémarrez votre serveur Web:
service apache2 reload
Au bout de quelques minutes, le message rouge sur la page de configuration vous indique que des données parviennent à New Relic à partir de votre serveur. Cool hein?
Après cela, vous pouvez configurer le nouveau navigateur Relic. Il y a deux façons de s'y prendre:
Ces deux options sont documentées ici.
Visitez la page du produit du navigateur pour voir les données qu’il recueille. Naviguer dans l'application Navigateur est assez simple en utilisant le tableau de bord gauche. Je le montre ci-dessous parce que je l'ai omis des captures d'écran qui suivent (pour fournir plus d'espace à l'écran pour le contenu).
La vue d'ensemble est la vue principale de haut niveau pour Browser, qui vous donne une vue d'ensemble des problèmes de performances qui peuvent survenir ou non. La vue d'ensemble est un excellent endroit pour trouver des problèmes qui méritent une inspection plus approfondie.
Il s'agit essentiellement d'une vue en temps réel des visites de pages réelles, qui décompose les performances en fonction du temps passé sur le réseau, du serveur Web, du traitement DOM et du rendu de la page..
Le score Apdex vous donne une mesure quantitative des expériences d’utilisabilité de votre site en fonction du temps de réponse, c’est-à-dire le ratio temps de réponse satisfaisant / temps de réponse insatisfaisant)..
Dans la vue d'ensemble, vous pouvez cliquer sur tout élément qui semble ne pas bien fonctionner. En savoir plus sur l'utilisation de la page de présentation.
Les traces de session vous donnent une visibilité sur l'ensemble du cycle de vie d'une page Web, y compris les interactions utilisateur, le chargement d'actifs, les iframes, le temps d'attente pour les appels Ajax, les erreurs, etc., pour suivre l'expérience réelle d'un utilisateur réel.
Non seulement les traces identifient les problèmes, mais elles peuvent aussi vous montrer ce que l'utilisateur a fait avant et après que l'erreur se soit produite..
Les traces de session vous aident à comprendre:
Cliquez sur n'importe quelle page pour obtenir une ventilation détaillée de l'activité lors de chaque visite de la page d'un utilisateur. C'est assez incroyable en fait - et très utile pour diagnostiquer les problèmes.
Vous pouvez voir exactement ce qui se passait dans le navigateur d'un utilisateur particulier à un moment donné. Les traces de session vous permettent de visualiser de manière détaillée et intuitive tous les événements de la session de l’utilisateur, ce qui peut aider à identifier les problèmes et à identifier facilement les solutions. En savoir plus sur l'utilisation des traces de session.Les vues de page affichent les performances détaillées des pages les plus fréquemment consultées sur votre site:
Lorsque vous explorez en aval, vous pouvez voir les performances des fichiers individuels chargés par votre site:
En savoir plus sur l'interprétation des graphiques de vue de page.
La page Ajax vous permet de voir ce qui se passe avec les appels interactifs que vous avez sur la page, ce qui vous permet d'identifier les problèmes liés à l'expérience de vos utilisateurs lorsque vous avez des appels qui prennent du temps ou qui échouent:
Notez que le navigateur n'enregistre pas automatiquement les données Ajax. Vous devez l'activer par application dans la zone des paramètres de la nouvelle relique. En savoir plus sur le tableau de bord Ajax.
Le tableau de bord des erreurs JavaScript du navigateur vous permet de voir rapidement quelles erreurs se produisent dans votre code JavaScript de production en direct au fil du temps, sur quels navigateurs. Vous pouvez rechercher les erreurs en fonction du nombre d'occurrences de chacune d'elles et du nombre de chargements de pages uniques ayant rencontré cette erreur..
Cela vous permet d'identifier les erreurs qui ont une incidence sur l'expérience des utilisateurs réels sur votre site. c'est un moyen particulièrement puissant d'apprendre les erreurs JavaScript qui n'apparaissent pas dans vos propres tests - ou sur les navigateurs que vous avez peut-être exclus de votre banc d'essai.
Là encore, vous devez activer la création de rapports javascript dans la zone des paramètres de la nouvelle relique. Cette fonctionnalité pose également des problèmes de confidentialité et de sécurité. Veillez à en savoir plus sur l'utilisation du tableau de bord des erreurs JavaScript avant de l'activer..
Le nouveau navigateur Relic vous permet également de visualiser les performances de votre site Web sur différents navigateurs..
En savoir plus sur l'utilisation du tableau de bord des navigateurs.
Le tableau de bord Geography vous montre les scores de performance de l'expérience réelle des utilisateurs finaux du monde entier. Vous pouvez sélectionner des régions géographiques spécifiques, telles que des pays ou des états, puis accéder à des informations détaillées sur les performances de chargement de page et les performances historiques..
Cela peut être très utile pour identifier des problèmes de réseau difficiles à détecter. En savoir plus sur l'utilisation du tableau de bord Geography.
J'espère que vous avez trouvé cet aperçu intrigant. Le nouveau navigateur de reliques met à la portée de tous des outils d'analyse et de débogage très puissants et sophistiqués.
La nouvelle version d'essai de Relic Browser Pro dure 30 jours. Bien que vous puissiez utiliser gratuitement le service de surveillance New Relic Browser lite (et qu'il soit inclus dans tous les packages New Relic APM), vous devez passer au plan Pro (à partir de 99 $ / mois pour 500 000 pages vues) pour conserver le navigateur. un service. Il est également important de mettre occasionnellement à jour New Relic et de vérifier ses fichiers journaux. Consultez le guide de maintenance New Relic.
Si vous avez des questions ou des suggestions, postez-les dans les commentaires. Si vous souhaitez suivre mes futurs tutoriels et autres séries de Tuts +, visitez la page de mon auteur ou suivez @reifman..