RousselTMLEARNING
FR
FrançaisEnglishEspañol
Connexion

Observabilité · Formations

Grafana Faro : observabilité front-end et RUM

Formation sur l’observabilité front-end avec Grafana Faro : Real User Monitoring, Core Web Vitals, erreurs JavaScript, événements, traces du navigateur vers le back-end, dashboards et RGPD.

8 chapitres12 leçonsFR
À votre rythme, par la pratique.

À l’issue de cette formation, vous saurez

  • Expliquer le RUM et les Core Web Vitals
  • Instrumenter une application avec le SDK Faro et Alloy
  • Suivre erreurs, événements et sessions
  • Relier les traces du navigateur au back-end
  • Construire dashboards et alertes conformes au RGPD

🎯 Niveau : Intermédiaire👥 Public visé : Développeurs front-end, SRE et équipes produit qui veulent mesurer l'expérience réelle de leurs utilisateurs

LEARNING PATH

Programme de la formation

0Vue d'ensemble de la formation1 leçon
  1. QCM d’évaluationQCM · ⏱ 10 min
1Introduction au RUM1 leçon

Pourquoi observer le front-end et les Core Web Vitals.

  1. RUM et Core Web VitalsArticle · ⏱ 3 min
2Installer Faro2 leçons

SDK, récepteur Alloy, Loki et Tempo.

  1. Architecture et installation de FaroArticle · ⏱ 8 min
  2. TP : Collecter les Web Vitals d'une page avec Faro, Alloy et LokiTravaux pratiques · ⏱ 40 min · Niveau 2/5
3Erreurs, événements et sessions2 leçons

L'API Faro.

  1. Erreurs, événements et sessionsArticle · ⏱ 7 min
  2. TP : Erreurs, événements métier et sessionsTravaux pratiques · ⏱ 35 min · Niveau 3/5
4Traces front vers back2 leçons

Propagation et corrélation.

  1. Traces du navigateur vers le back-endArticle · ⏱ 4 min
  2. TP : Propager les traces du navigateur vers une APITravaux pratiques · ⏱ 40 min · Niveau 3/5
5Exploiter et protéger1 leçon

Requêtes, dashboards, alertes et RGPD.

  1. Exploiter les données FaroArticle · ⏱ 5 min
6Étude de cas2 leçons

Le RUM minimal de ce site.

  1. TP Final : Dashboard d'expérience utilisateur et alerteTravaux pratiques · ⏱ 45 min · Niveau 3/5
  2. Étude de cas : le RUM de ce siteArticle · ⏱ 5 min
7Bonnes pratiques1 leçon

Les pratiques recommandées pour exploiter le produit en production.

  1. Bonnes pratiques FaroArticle · ⏱ 4 min

LEARN BY DOING

Cas concrets & applications

Diagnostiquer une page lente

Web Vitals par page, appareil et version.

Détecter une régression front

Hausse d'erreurs JavaScript après un déploiement.

Suivre un tunnel de conversion

Événements métier reliés aux erreurs.

Tracer de bout en bout

Du clic à la requête SQL.

Prérequis conseillés

Grafana : de la découverte à l'expertise

Et ensuite ?

Grafana k6 : tests de charge et de performanceGrafana Tempo : de la découverte à l'expertiseGrafana Loki : de la découverte à l'expertise

Questions fréquentes

Faro est-il gratuit ?

Oui, le SDK Faro est open source, et le récepteur fait partie de Grafana Alloy. Grafana Cloud propose une version gérée (Frontend Observability).

Faro ralentit-il la page ?

Le SDK est léger et envoie ses données par lots ; l'impact est négligeable pour la plupart des sites.

Faut-il le consentement des utilisateurs ?

Cela dépend des données collectées et de leur finalité : en cas de doute, initialisez Faro après consentement et minimisez les données.

Faro remplace-t-il Google Analytics ?

Non : Faro mesure performance et erreurs pour les équipes techniques ; ce n'est pas un outil d'audience marketing.