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 +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
30 days ago

One Does Not Simply Make Architecture Decisions Alone

Vladas Diržys

From Black Box to Glass Box : Bedrock AgentCore Observability thumbnail
21:15
about 1 month 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
about 1 month 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
about 1 month ago

Better Together: Leveraging Your Observability Tools as a SIEM

Mathias Palmersheim

ChatGPT Apps: From Chat to Checkout thumbnail
30:29
about 1 month ago

ChatGPT Apps: From Chat to Checkout

Aaron Koivunen

Interior Decorating (TypeScript Decorators) thumbnail
29:22
about 1 month ago

Interior Decorating (TypeScript Decorators)

Michael Dowden

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

GitHub’s Team X-Ray: Your Repository Knows More About Your Team Than Your Team Does

Andrea Griffiths

Senior Developer Advocate

Andrea Griffiths
Open session

World Congress 2026 North America

Offloading IoT State: Solving the Memory Crisis on Legacy Hardware

Pravin Nagare

Senior Software Engineer, Roku

Pravin Nagare
Open session

World Congress 2026 North America

Microservice Cognitive Index for Deploy Diagnosis and Change Impact

Sachin Gupta

Member of Technical Staff 2 at eBay

Sachin Gupta
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood

Related videos

Hands on with OpenTelemetry thumbnail
53:57
LIVE • over 2 years ago

Hands on with OpenTelemetry

Nočnica Mellifera

Telemetry without the 'Tool Tax' thumbnail
24:30
World Congress 2022 • about 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 • about 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 • about 1 month 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.