OpenTelemetry   Debugging  

A Practical Guide to Debugging Browser Performance With OpenTelemetry

By Purvi Kanal  |   Last modified on December 1, 2023

So you’ve taken a look at the core web vitals for your site and… it’s not looking good. You’re overwhelmed, and you don’t know what change to make because everything seems like too big of a project to make a real difference. There are so many measurements to keep track of and the standards cited seem even scarier. This is extremely normal. Web performance standards can feel impossible to meet for a lot of us.

To get started with browser performance observability, you can use OpenTelemetry to collect data from users as they use your browser website or app. Additionally, you can use auto-instrumentation to measure common performance metrics, such as:

Let’s take this a step further: you can even manually instrument key functions that are important in the context of your specific app. For example, you can instrument a function that orchestrates the checkout workflow on an e-commerce site.

It is also just as important to add extra context to the events you send with OpenTelemetry to help you identify issues that affect a specific subset of users (e.g., mobile users using Firefox).

Watch my talk from KubeCon to learn more about instrumenting browser apps with OpenTelemetry—and how to make sense of that data. 

Check out this example app to get started with instrumentation. You can also download the slides for my talk, A Practical Guide to Debugging Browser Performance with OpenTelemetry


Related Posts

OpenTelemetry   Observability  

Observability, Telemetry, and Monitoring: Learn About the Differences

Over the past five years, software and systems have become increasingly complex and challenging for teams to understand. A challenging macroeconomic environment, the rise of...

OpenTelemetry   Instrumentation  

Understanding OpenTelemetry’s Browser Instrumentation

Recently, Honeycomb released a Web Instrumentation package built around the OpenTelemetry browser JS packages. In this post, I’ll go over what the OpenTelemetry auto-instrumentation package...

OpenTelemetry   Observability  

Real User Monitoring With a Splash of OpenTelemetry

You're probably familiar with the concept of real user monitoring (RUM) and how it's used to monitor websites or mobile applications. If not, here's the...