Este sitio practica lo que enseña: la observabilidad. Cada visita envía una sola señal anónima con cinco mediciones de rendimiento; se agregan en histogramas en Redis, se exponen en formato Prometheus en /metrics y se visualizan en Grafana.
Qué se mide
Sin cookies, sin IP almacenada, sin identificador: solo el tipo de página (inicio, curso, lección, artículo…) y duraciones. Estas mediciones anónimas no requieren consentimiento.
- LCP (Largest Contentful Paint)
- INP (Interaction to Next Paint)
- CLS (Cumulative Layout Shift)
- FCP (First Contentful Paint)
- TTFB (Time To First Byte)
Estado actual (percentil 75)
Aún no hay datos: navega por el sitio y vuelve.
Arquitectura
PerformanceObserver (navigateur) → sendBeacon → /rum.php → Redis (histogrammes) → /metrics → Grafana Alloy → Prometheus / Mimir → Grafana.
Cómo reproducirlo
// Grafana Alloy : scraper les métriques du site
prometheus.scrape "rtm" {
targets = [{"__address__" = "elearning.rousseltm.fr:443"}]
scheme = "https"
metrics_path = "/metrics"
forward_to = [prometheus.remote_write.cloud.receiver]
}
# PromQL : LCP p75 par type de page
histogram_quantile(0.75, sum by (le, page) (rate(rtm_rum_lcp_bucket[1h])))