WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2026 Europe - Virtual Stage • Jul 2, 2026 • Session details

OTel You It's Not Just for Backend!

Carly Richmond

Is your broken UI caused by a client-side exception or a stalled backend microservice? Learn how frontend OpenTelemetry bridges the full-stack divide to instantly pinpoint production bottlenecks.

Pause
Mute Enter Fullscreen
#1 about 2 min

Importance of OpenTelemetry in front-end web applications

How extending observability to the browser provides a holistic view of system health.

#2 about 2 min

Limitations of relying on console.log in production

Why failing to forward unstructured logs hides critical client-side errors from external users.

#3 about 2 min

Distinguishing front-end issues from back-end service failures

How complex ecosystems and external factors like browser compatibility mask the true source of errors.

#4 about 2 min

Understanding logs, metrics, and traces for observability

How combining structured messages, quantifiable measures, and execution pathways uncovers latency and system failures.

#5 about 2 min

Unifying observability layers with the OpenTelemetry standard

How replacing disparate RUM and APM agents with a vendor-agnostic standard improves cross-layer correlation.

#6 about 3 min

Experimental JavaScript SDK and demo application architecture

Setting up a Svelte front-end to send experimental client telemetry through a proxy to an Elastic cluster.

#7 about 2 min

Overcoming cross-origin resource sharing policy blocks for telemetry

How configuring access control headers on a proxy ensures telemetry data successfully reaches the collector.

#8 about 4 min

Creating robust front-end resources with browser diagnostic attributes

Capturing useful user agent data and appending custom version tags to isolate browser-specific bugs.

#9 about 2 min

Instrumenting front-end logs using the OTLP exporter

Emitting structured logs directly to a back-end utilizing a batch log record processor.

#10 about 3 min

Measuring true user experience with Core Web Vitals

Why relying on live traffic metrics provides more accurate performance data than synthetic testing tools.

#11 about 4 min

Configuring periodic metric readers and observable gauges

Implementing plugins and callbacks to capture specific Core Web Vitals values continuously.

#12 about 2 min

Tracking custom feature adoption using metric counters

Creating custom counters to monitor UI interactions and understand product usage trends over time.

#13 about 4 min

Configuring trace providers and propagation context managers

Utilizing zone context managers and W3C propagators to correlate spans between async front-end threads.

#14 about 4 min

Registering instrumentations for document load and user interaction

Correlating fetch requests and user inputs with back-end processing times to identify performance bottlenecks.

Matching moments

1:19 min

Implementing tracing and metrics code with OpenTelemetry APIs

Ben Greenberg Ben Greenberg · World Congress 2022

57 sec

Mastering advanced browser developer tools for deeper JavaScript debugging

Chris Heilmann Chris Heilmann +2 · LIVE

1:08 min

Analyzing telemetry trace results for millisecond response latency

Hartmut Armbruster Hartmut Armbruster · World Congress 2024

2:01 min

Integrating OpenTelemetry pipeline platforms with embedded third-party observability providers

Nočnica Mellifera · LIVE

4:07 min

Gathering metrics natively with OpenTelemetry frameworks

Developersteve · LIVE

3:12 min

Tracing agent telemetry with OpenTelemetry and Jaeger tools

Roberto Carratalá Roberto Carratalá · World Congress 2025

More from World Congress 2026 Europe - Virtual Stage

One Does Not Simply Make Architecture Decisions Alone thumbnail
36:15
2 months ago

One Does Not Simply Make Architecture Decisions Alone

Vladas Diržys

From Black Box to Glass Box : Bedrock AgentCore Observability thumbnail
21:15
3 months ago

From Black Box to Glass Box : Bedrock AgentCore Observability

Yasemin Aktürk

Leading in Rhythm: How Women Make Better Decisions with Biological Intelligence thumbnail
30:41
3 months ago

Leading in Rhythm: How Women Make Better Decisions with Biological Intelligence

Julia Grosse

Better Together: Leveraging Your Observability Tools as a SIEM thumbnail
39:06
3 months ago

Better Together: Leveraging Your Observability Tools as a SIEM

Mathias Palmersheim

ChatGPT Apps: From Chat to Checkout thumbnail
30:29
3 months ago

ChatGPT Apps: From Chat to Checkout

Aaron Koivunen

Interior Decorating (TypeScript Decorators) thumbnail
29:22
3 months ago

Interior Decorating (TypeScript Decorators)

Michael Dowden

Related videos

Hands on with OpenTelemetry thumbnail
53:57
LIVE • almost 3 years ago

Hands on with OpenTelemetry

Nočnica Mellifera

Telemetry without the 'Tool Tax' thumbnail
24:30
World Congress 2022 • over 4 years ago

Telemetry without the 'Tool Tax'

Ben Greenberg

Observability with OpenTelemetry & Elastic thumbnail
30:29
LIVE • almost 2 years ago

Observability with OpenTelemetry & Elastic

Iulia Feroli

Frontend Performance Testing in practice thumbnail
36:50
LIVE • over 6 years ago

Frontend Performance Testing in practice

Jonas Kröger

The OpenTelemetry mistakes I keep seeing (and how to stop making them) thumbnail
27:02
World Congress 2026 Europe • 3 months ago

The OpenTelemetry mistakes I keep seeing (and how to stop making them)

Juraci Paixão Kröhling

Measure and improve frontend performance by using test automation thumbnail
25:38
World Congress 2023 • almost 3 years ago

Measure and improve frontend performance by using test automation

Ramona Schwering

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.