RousselTMLEARNING
EN
FrançaisEnglishEspañol
Sign in

Observabilité · Courses

Grafana Faro: front-end observability and RUM

A course on front-end observability with Grafana Faro: Real User Monitoring, Core Web Vitals, JavaScript errors, events, traces from the browser to the back end, dashboards and GDPR.

8 chapters12 lessonsEN
At your pace, through practice.

By the end of this course you will be able to

  • Explain RUM and the Core Web Vitals
  • Instrument an application with the Faro SDK and Alloy
  • Track errors, events and sessions
  • Link browser traces to the back end
  • Build GDPR-compliant dashboards and alerts

🎯 Level : Intermediate👥 Who it is for : Front-end developers, SREs and product teams who want to measure their users' real experience

LEARNING PATH

Course curriculum

0Course overview1 lesson
  1. Assessment quizQuiz · ⏱ 10 min
1Introduction to RUM1 lesson

Why observe the front end, and the Core Web Vitals.

  1. RUM and Core Web VitalsArticle · ⏱ 3 min
2Installing Faro2 lessons

SDK, Alloy receiver, Loki and Tempo.

  1. Faro architecture and installationArticle · ⏱ 8 min
  2. Lab: Collect a page's Web Vitals with Faro, Alloy and LokiHands-on lab · ⏱ 40 min · Level 2/5
3Errors, events and sessions2 lessons

The Faro API.

  1. Errors, events and sessionsArticle · ⏱ 7 min
  2. Lab: Errors, business events and sessionsHands-on lab · ⏱ 35 min · Level 3/5
4Traces from front end to back end2 lessons

Propagation and correlation.

  1. Traces from the browser to the back endArticle · ⏱ 4 min
  2. Lab: Propagate traces from the browser to an APIHands-on lab · ⏱ 40 min · Level 3/5
5Using and protecting the data1 lesson

Queries, dashboards, alerts and GDPR.

  1. Using Faro dataArticle · ⏱ 5 min
6Case study2 lessons

The minimal RUM of this site.

  1. Final Lab: User experience dashboard and alertHands-on lab · ⏱ 45 min · Level 3/5
  2. Case study: this site's RUMArticle · ⏱ 5 min
7Best practices1 lesson

Recommended practices for running the product in production.

  1. Faro best practicesArticle · ⏱ 4 min

LEARN BY DOING

Use cases & applications

Diagnose a slow page

Web Vitals by page, device and version.

Detect a front-end regression

A rise in JavaScript errors after a deployment.

Track a conversion funnel

Business events linked to errors.

Trace end to end

From the click to the SQL query.

Recommended prerequisites

Grafana: From Discovery to Expertise

What next?

Grafana k6: load and performance testingGrafana Tempo: from discovery to expertiseGrafana Loki: from discovery to expertise

Frequently asked questions

Is Faro free?

Yes, the Faro SDK is open source, and the receiver is part of Grafana Alloy. Grafana Cloud offers a managed version (Frontend Observability).

Does Faro slow down the page?

The SDK is lightweight and sends its data in batches; the impact is negligible for most sites.

Do you need user consent?

It depends on the data collected and its purpose: if in doubt, initialise Faro after consent and minimise the data.

Does Faro replace Google Analytics?

No: Faro measures performance and errors for technical teams; it is not a marketing audience tool.