Share
Dans ce didacticiel, nous allons nous concentrer sur la recherche et la correction de temps de chargement de page médiocres avec Raygun. Mais avant cela, voyons pourquoi un temps de chargement de page légèrement plus long peut être si important.
Une des choses les plus importantes que vous puissiez faire pour faire une bonne première impression sur les clients potentiels ou les clients visitant votre site Web est d'améliorer sa vitesse de chargement..
Imaginez un client qui vient d’entendre parler de votre entreprise par un ami. Vous vendez un produit en ligne que les utilisateurs peuvent acheter en visitant votre site Web. Si le chargement de différentes pages de site Web prend beaucoup de temps et que vous ne vendez pas ce produit exclusivement, il est fort probable que le client abandonne votre site et se dirige ailleurs..
Vous n’avez pas seulement manqué votre première vente ici, vous avez également manqué l’occasion d’avoir un client fidèle qui aurait acheté plus de produits à l’avenir..
C'est ce qui se passe avec Internet: il suffit de quelques clics pour que les personnes quittent votre site Web et achètent quelque chose de vos concurrents. Des pages de chargement plus rapides peuvent vous donner un avantage sur vos concurrents et augmenter vos revenus..
Raygun s'appuie sur RUM Insights (Real User Monitoring Insights) pour améliorer les performances et le temps de chargement d'une page d'un site Web. Le terme "Real User Monitoring" est la clé ici. Vous pouvez utiliser des outils tels que WebPagetest et Google Page Speed Insights pour optimiser des pages individuelles, mais ces résultats ne seront pas basés sur des données utilisateur réelles. D'autre part, les données fournies par Raygun sont basées sur de vrais utilisateurs qui ont visité votre site Web..
Raygun présente également les informations de manière plus organisée en vous indiquant des informations telles que la vitesse moyenne du nombre de pages du site Web, les pages les plus demandées et les pages les plus lentes. De cette façon, vous pouvez prioriser quelle page ou section du site Web doit être optimisée en premier.
Vous pouvez également voir à quelle vitesse le site Web se charge pour des utilisateurs de différents pays ou pour des utilisateurs de navigateurs différents. De même, vous pouvez comparer la vitesse de votre site Web sur un mobile par rapport à un ordinateur de bureau..
Raygun présente un autre avantage: il vous montrera comment le site Web fonctionne pour différents utilisateurs. Par exemple, le site Web peut charger lentement l'un de vos clients les plus précieux. Dans de tels cas, vous voudriez certainement le savoir et faire quelque chose pour améliorer leur expérience avant qu'il ne soit trop tard.
Nous allons apprendre à faire tout cela avec Raygun dans les prochaines sections de cet article..
Vous devez créer un compte avant d’intégrer Raygun à votre site Web. Ce compte vous donnera accès à toutes les fonctionnalités de Raygun gratuitement pendant 14 jours..
Une fois que vous vous êtes enregistré avec succès, vous pouvez cliquer sur le bouton Créer une application bouton pour créer une nouvelle application. Vous pouvez indiquer un nom pour votre application sur l'écran suivant, puis cocher certaines cases pour recevoir des notifications d'erreurs et de véritables informations sur la surveillance des utilisateurs..
Il ne vous reste plus qu'à sélectionner votre plate-forme de développement ou votre framework. Dans ce cas, nous utilisons JavaScript.
Enfin, vous obtiendrez du code que vous devrez ajouter sur toutes les pages que vous souhaitez surveiller. Au lieu de placer le code suivant sur votre site Web, vous pouvez également télécharger la version de production ou de développement de la bibliothèque et l'inclure vous-même..
Une fois que vous avez ajouté l'extrait de code ci-dessus avant la fermeture tag, vous devez placer l'extrait suivant juste avant la fermeture étiquette.
Si vous n’ajoutez plus de code, Raygun commencera à collecter des données anonymes. Cela signifie que vous pourrez savoir comment votre site Web fonctionne pour différents utilisateurs, mais il n'y aura aucun moyen d'identifier ces utilisateurs..
Il existe une solution facile à ce problème. Tout ce que vous avez à faire est d’ajouter le code suivant dans vos pages Web et Raygun se chargera du reste.
Accentsconagua
rg4js ('setUser', identifiant: 'unique_id', isAnonymous: false, email: '[email protected]', prénom: 'Prénom', nom complet: 'Prénom Nom');Vous devrez inclure ces trois morceaux de code dans toutes les pages que vous souhaitez suivre. Une fois cela fait, les données commenceront à apparaître dans le tableau de bord pour que vous puissiez analyser.
La section Real User Monitoring du tableau de bord Raygun comporte de nombreux onglets permettant de présenter les données dans différents formats. Nous allons brièvement passer en revue tous ces onglets pour vous montrer comment les informations présentées peuvent être utilisés pour trouver des pages avec des temps de chargement médiocres..
le Vivre Onglet vous donnera un aperçu des performances de votre site en temps réel. Il a différentes mesures comme Score de santé pour vous montrer comment le site fonctionne actuellement. Vous pouvez en savoir plus sur toutes ces mesures dans la documentation de l'onglet Live du site Web Raygun..
Il a également une carte du monde pour indiquer les pays de vos utilisateurs actuellement actifs. Vous trouverez également une liste des demandes les plus récentes adressées à votre site Web par différents utilisateurs. Voici une image montrant les demandes les plus récentes sur notre site.
L'onglet Performances contient cinq indicateurs utiles pour vous donner un aperçu rapide des temps de chargement des pages du site Web. Par exemple, un temps de chargement médian de 1,41 seconde signifie que 50% de vos pages sont chargées avant que 1,41 seconde se soit écoulée. De même, un P90 Temps de chargement en 6,78 secondes vous indique que 90% du temps, le site Web se charge avant 6,48 secondes.
Cela devrait vous donner une idée approximative de la performance d'un site Web et de la lenteur avec laquelle les 10% d'utilisateurs les plus lents sont lents..
L'onglet Performances contient également une liste des pages les plus lentes et les plus demandées en bas. Connaître les pages les plus populaires et les plus lentes peut s'avérer très utile lorsque vous souhaitez définir en priorité les sections de votre site Web qui doivent être corrigées en premier..
Même si toutes les pages d'un site Web doivent se charger le plus rapidement possible, certaines de ces pages sont plus importantes que d'autres. Par conséquent, vous pouvez être intéressé par la performance d'une page particulière sur un site Web. Vous pouvez le faire en tapant simplement la page que vous recherchez dans le champ de saisie. Cela vous donnera des informations sur les temps de chargement médian, moyen et P90 d'une page donnée. Voici les données pour la page d'accueil de notre site web.
Vous pouvez utiliser le Sessions onglet pour afficher des informations relatives à la session telles que le nombre total de sessions, le nombre total d'utilisateurs et la durée médiane des sessions. Le tableau des sessions vous donne un aperçu rapide des 150 dernières sessions avec des informations telles que le pays, la durée, le nombre total de pages vues et la dernière page visitée pour une session..
En cliquant sur la loupe, vous obtiendrez plus de détails sur une session particulière, tels que les pages visitées par l'utilisateur, le temps de chargement de ces pages et le navigateur / périphérique utilisé pendant la session..
le Utilisateurs Cet onglet vous donnera un aperçu du niveau de satisfaction des différents utilisateurs de votre site Web. Cela peut être très utile lorsque vous souhaitez savoir comment un utilisateur particulier interagit avec votre site Web et si ou pourquoi son temps de chargement de page est supérieur à celui attendu..
Trois autres onglets affichent des informations sur toutes les pages vues en termes de navigateurs, de plates-formes et de géographie. De cette façon, vous pourrez savoir si une page Web se charge lentement uniquement sur un navigateur ou une plateforme particulière. Vous aurez également une idée approximative de la répartition des utilisateurs. Par exemple, il peut être très utile de savoir si la plupart de vos clients proviennent d’un pays donné ou utilisent un navigateur particulier..
Raygun répertorie le pourcentage de visiteurs d’un continent particulier au sommet de la liste. Géo languette. Après cela, il fournit une carte avec la distribution des temps de chargement. Les pays avec les temps de chargement les plus lents sont remplis de rouge et les pays ayant des temps de chargement rapides sont remplis de vert.
Si les temps de chargement de votre pays sont toujours médiocres, il vaut peut-être la peine de regarder de près et de trouver la raison..
Dans la section précédente, nous avons appris à utiliser toutes les données collectées par Raygun pour déterminer les pages dont le chargement est long ou s'il existe des pays où les temps de chargement de nos pages sont plus longs que d'habitude.
Il est maintenant temps de voir comment nous pouvons utiliser Raygun pour détecter les problèmes pouvant entraîner le chargement plus lent d'une page ou de l'ensemble du site.
Améliorer le temps de chargement des pages d'un site Web peut s'avérer fastidieux, surtout si le site Web est très compliqué ou s'il comporte beaucoup de pages. Le problème est de savoir quoi améliorer et par où commencer.
Heureusement, Raygun peut vous offrir des informations générales pour réparer votre site Web. Vous pouvez cliquez sur le Insights options sous la Surveillance d'utilisateur réel menu, et Raygun va scanner votre site web pour tout problème potentiel. Vous pouvez trouver une liste de toutes ces règles dans la documentation officielle de Raygun. La résolution de tous les problèmes énumérés accélérera considérablement votre site Web..
En plus de suivre ces instructions générales, vous pouvez également vouloir isoler les pages qui ont été chargées lentement. Une fois que vous les avez isolés, Raygun peut vous indiquer le temps nécessaire pour résoudre les problèmes de DNS, de latence, de négociation SSL, etc. Cela vous donnera une bonne idée des domaines dans lesquels vous pouvez apporter des améliorations pour réduire le temps de chargement de la page. L'image suivante devrait faire comprendre.
Vous pouvez également filtrer les données afin d’obtenir une image plus précise du temps de chargement d’une page donnée et des divers facteurs qui l’affectent. L'image ci-dessus vous indique la latence moyenne pour toutes les demandes adressées à la page "À propos de nous". Cependant, vous pouvez cliquer sur le bouton Ajouter un filtre bouton en haut et ne voir que le graphique de temps de chargement "About Us" pour un pays spécifique comme l'Italie.
Vous verrez également toutes les demandes faites par une page spécifique en bas. Fondamentalement, vous pourrez voir le temps DNS, de latence, SSL, de serveur et de transfert pour chaque ressource chargée pour une page spécifique et voir si l’une d’entre elles est coupable..
Une fois que vous avez trouvé les ressources qui prennent trop de temps à charger, vous pouvez commencer à optimiser vos pages..
Comme vous l'avez vu dans ce didacticiel, Raygun peut être d'une grande aide pour les organisations cherchant à améliorer le temps de chargement de leurs pages. Il est très facile à intégrer. Après une intégration réussie, les données commenceront à apparaître dans le tableau de bord sans aucune intervention de votre part..
Raygun dispose également de différents onglets pour organiser les données collectées afin que vous puissiez les analyser plus facilement et plus efficacement. Par exemple, il peut vous montrer les temps de chargement pour différents pays, navigateurs et plates-formes. Il contient également des filtres que vous pouvez utiliser pour isoler un ensemble de données particulier du reste et l’analyser de près..
Si vous ou votre entreprise recherchez un outil facile à intégrer pouvant fournir des informations utiles sur la manière dont vos utilisateurs réels interagissent avec votre site Web, vous devez absolument essayer Raygun. Vous n'avez rien à perdre puisqu'il est gratuit les 14 premiers jours!
Et pendant que vous êtes ici, consultez certains de nos autres tutoriels sur Raygun!
