Cette traduction automatique est fournie pour votre commodité.
En cas d'incohérence entre la version anglaise et la version traduite, la version anglaise prévaudra. Veuillez visiter cette page pour plus d'informations.
La maintenance d’un site Web combine les efforts de plusieurs équipes. En cas de panne, les équipes de développeurs et d’ingénierie peuvent résoudre les problèmes directement, mais un spécialiste du marketing numérique peut ne pas avoir le même accès à l’administration du site. En tant que spécialiste du marketing numérique, le succès de votre équipe dépend tout autant des performances du site, mais vous n'avez peut-être pas les outils nécessaires pour identifier ou résoudre vous-même tout problème.
Notre outil monitoring des performances web (WPM) donne des informations détaillées sur la disponibilité et les performances de votre site. Grâce aux contrôles de routine et à l'emploi de notre outil de monitoring, vous ne serez jamais incertain quant aux performances de votre site.
Une fois les données collectées, vous pourrez visualiser différents graphiques qui suivent les détails des utilisateurs sur les ressources de votre page. Pris ensemble, ils peuvent vous aider à comprendre comment vos utilisateurs perçoivent votre site.
Objectifs
Ce document vous aide à configurer notre outil monitoring de site Web sans code, puis vous guide dans la compréhension de vos données. Dans ce tutoriel, vous allez :
Configurer monitoring sans installation
Apprenez-en plus sur vos données collectées
Mettre en place monitoring des performances web
Obtenez des données sans installation
monitoring des performances web ne nécessite aucune installation ni configuration. Il ne prend actuellement en charge que les navigateurs de bureau. Pour accéder à vos données, rendez-vous sur one.newrelic.com > Website performance monitoring.
Choisissez votre URL
Une fois que vous avez choisi les pages à monitorer, New Relic déploie un ensemble de moniteurs provenant de différents serveurs du monde entier qui vérifient la disponibilité de votre page, les liens rompus, les performances et l'expiration du certificat SSL. Pour commencer, nous vous recommandons de choisir votre page d’accueil.
New Relic prendra quelques minutes pour activer le moniteur, puis vous commencerez à recevoir des données sur votre site Web. Gardez à l’esprit que votre moniteur vérifie uniquement les performances des pages que vous avez ajoutées manuellement.
Ajouter la clé API Google PageSpeed
Nous extrayons les principaux éléments essentiels du Web à partir de l'API de Google afin que les scores dans New Relic correspondent à ceux que vous avez dans Google. Pour continuer à capturer ces scores après la configuration initiale, vous devrez créer une clé API Google PageSpeed.
Mettez vos données en contexte
Une fois que votre moniteur aura signalé les données à New Relic, vous verrez des mesures qui peuvent vous aider à améliorer l'expérience utilisateur et le classement SEO. Vous trouverez ci-dessous des exemples du type de données que vous verrez sur votre page de résumé.
La première section vous montre les données de ping. Ce type de données constitue un contrôle de disponibilité, confirmant les fonctionnalités de base du site :
Site availabilityCela indique si votre page a été chargée. Si ce n’est pas le cas, il se peut qu’il y ait un problème avec vos serveurs ou votre domaine.
Page load time. Cela collecte la vitesse médiane pendant laquelle votre page met à charger tous ses éléments. Ces données sont ensuite ventilées par type de contenu et par taille.
SSL Validity. Cela vous indique si votre certificat SSL est valide, en cours d'expiration ou expiré. Il inclura également la date à laquelle vous devez renouveler votre certificat SSL.
Broken linksAprès avoir testé tous les liens de votre page, il vous indiquera quels liens sont rompus.
Notre moniteur capture le comportement du site via un moniteur qui interagit avec votre site. Cela vous permet de voir les données mises à jour quotidiennement afin que vous n'ayez jamais à deviner quand les ressources ou les pages ne parviennent pas à se charger.
Google PageSpeed signale vos principaux indicateurs Web essentiels ainsi que d'autres mesures collectées par New Relic. Ces données vous donnent des informations détaillées sur la façon dont les utilisateurs vivent votre site.
First contentful paint. Cela capture le temps nécessaire au chargement du premier élément sur une page. Dans la capture d'écran ci-dessus, il a fallu 3,22 secondes au site pour que quelque chose se charge sur la page.
Largest contentful paintContrairement à la première peinture de contenu, cela capture le temps nécessaire au chargement complet du contenu le plus volumineux de la page. Par exemple, si des informations sur une campagne importante apparaissent dans l'élément le plus important d'une page, ce nombre nous indique combien de temps un utilisateur attend avant de les voir. Dans la capture d'écran ci-dessus, cela a pris 2,79 s.
Interaction to next paint. Lorsqu'un utilisateur interagit avec un élément de votre site, il faut du temps pour traiter l'interaction de l'utilisateur. Ce nombre capture ce temps sous forme de délai entre la demande (interaction utilisateur) et la réponse (comment la page change en fonction de la demande de l'utilisateur).
Cumulative layout shift. Cela mesure la stabilité visuelle des différents actifs de votre site. Par exemple, lorsqu'un utilisateur accède à la page principale de votre site, les images peuvent se déplacer pendant le chargement. Ce mouvement est imprévu.
Nous collectons des données au fil du temps afin que vous puissiez obtenir une image plus riche des performances de votre site. Vous pouvez zoomer et dézoomer sur des fenêtres temporelles et voir comment vos données évoluent autour d'un incident particulier, comme dans le gif ci-dessus. Lorsque vous avez terminé, cliquez sur le bouton d'horodatage en haut pour revenir à votre période préférée.
Votre page Web est composée de différents types de contenu, tels que du HTML, des images, du JavaScript et des vidéos. Nos graphiques de contenu vous montrent les performances des différents types de contenu les uns par rapport aux autres. Par exemple:
Content size vous montre la taille en kilo-octets de chaque type. En vous référant au tableau ci-dessus, vous pouvez voir que votre type de contenu JavaScript est proportionnellement plus petit que vos images sur une page donnée. Si les performances de votre site sont faibles, vous pouvez demander à votre équipe de développement d'optimiser votre site au niveau du code.
Content sources décompose l'endroit où votre contenu est hébergé par taille. Par exemple, dans le graphique ci-dessus, la majeure partie de votre contenu provient de New Relic, représenté par le jaune. Si votre contenu est optimisé mais toujours défectueux sur votre page, modifier la source de votre contenu pourrait résoudre cette erreur.
Content load time montre combien de temps il faut à un type de contenu donné pour se charger par rapport au temps de chargement de la page entière.
Network décompose la manière dont le contenu est livré sur la page et le temps nécessaire pour livrer ce contenu.
Si votre page se charge lentement, vous pouvez utiliser la section Content pour diagnostiquer les sources potentielles du problème. Par exemple, comparer Content size à Content load time peut donner des informations détaillées sur le fait que CSS utilise trop de ressources et se charge en dernier, ce qui entraînerait un retard dans la peinture du contenu le plus important. Si la taille du contenu est optimale mais que le chargement de la page est toujours lent, il s'agit peut-être d'un problème de réseau ou de source.
Si l'engagement des utilisateurs est en baisse mais que votre site est disponible et que le contenu est optimisé, alors quelque chose d'autre pourrait être en jeu. Un parcours possible pour résoudre le problème pourrait ressembler à ceci :
Vérifiez la disponibilité de votre page. Il est indiqué comme disponible.
Vos principaux indicateurs Web Vitals sont signalés comme étant Good dans tous les domaines.
Vous remarquez que les données d'intervalle de temps montrent une forte baisse du trafic la veille, à peu près au moment où votre équipe a effectué des mises à jour sur votre page de destination.
Vous remarquez qu'un lien brisé a été signalé. Il s'agit d'un lien à l'intérieur d'une bannière qui est utilisé sur votre site.
À ce stade, vous pouvez vous coordonner avec les équipes concernées pour réparer le lien rompu et déployer une mise à jour pour le reste du site.
Quelle est la prochaine étape ?
monitoring des performances web est conçu pour simplifier l'obtention d'informations détaillées sur votre site. Nous vous recommandons de commencer par ces étapes suivantes :
Ajoutez plus de pages à WPM. Nous vous recommandons d'ajouter des pages essentielles à l'entonnoir de vos clients telles que des pages de remerciement, des pages de produits ou des pages de connexion.
Si vous souhaitez en savoir plus sur la façon dont New Relic peut améliorer votre site Web, nous avons un tutoriel sur l'amélioration des performances de votre site Web. Bien qu'il soit écrit pour un public de développeurs, il analyse les sources potentielles de mauvaises performances et explique comment les améliorer.
