Observability for All!
summary
Shows how to correlate browser and backend signals by instrumenting a demo record-store app with OpenTelemetry JS SDK and the Elastic RUM agent, sending traces and metrics through a collector (proxy used to avoid CORS). Demonstrates Java auto‑instrumentation with OTLP, batching spans, W3C traceparent propagation, document‑load and XPath‑captured click/input spans, and custom web‑vitals traces (LCP <2.5s, INP target ~200ms, CLS <0.1). Adds synthetic journeys using Playwright + Elastic Synthetics and discusses privacy and consent.
AI-written summary · about
chapters (9)
- 0:00Introduction to observability
- 1:27What is observability
- 3:54Logs and metrics basics
- 5:17Core web vitals explained
- 11:59Real user monitoring agents
- 17:35OpenTelemetry overview
- 20:21Frontend client instrumentation
- 29:02Synthetic monitoring explained
- 36:25Q&A session
related talks
32mObservability for Frontend Engineers
29mOTel You It's Not Just for Backend!
43mObservability for React applications
30m"Observability for the Front End"
53mUnmask hidden issues with Observability superpowers!
17mObservability in frontend: React Open Telemetry
51mFull-Stack Observability: One Tool to Rule Them All
32mFrom Traces To Action: Auto-Instrumenting LLMs for Observability...