Frontend deserves monitoring too!
summary
Practical guide to adding observability to web frontends using monitoring, tracing and metrics to capture loading times, client interactions, latency and end-to-end traces. It contrasts typical backend monitoring with frontend blind spots and shows how frontend monitoring yields data-driven insights to prevent production errors and improve user experience.
AI-written summary · about
chapters (12)
- 0:00Frontend observability intro
- 1:46Modern web architectures
- 3:54Debugging without observability
- 5:59Frontend observability tools
- 7:02OpenTelemetry intro
- 9:11OpenTelemetry browser setup
- 10:58End-to-end tracing
- 12:45Frontend metrics collection
- 15:55Unified stack benefits
- 17:41Integration with observability
- 19:25Conclusion
- 20:53Q&A
related talks
32mObservability for Frontend Engineers
30m"Observability for the Front End"
21mWeb-performance practical tools
22mFrontend Observability Odyssey
53mObservable Web Applications
17mUnlocking Observability with React & Node.js
20mBackend: The Hidden Engine of the Frontend
16mNavigating the What, Where, and When of Your Frontend App