Carly Richmond
Carly is Developer Advocate Lead at Elastic, based in London, UK. Before joining Elastic in 2022, she spent over 10 years working as a technologist at a large investment bank, specialising in Frontend Web development and agility. She is an agile evangelist, UI enthusiast, and regular blogger. In her spare time, she enjoys cooking, photography, drinking tea and chasing after her young son.
Developer Advocate Lead @ Elastic
OTel You It's Not Just for Backend!
Session Type: Talk
Background
Before joining Elastic as a Developer Advocate, I spent over 10 years working for a bank as a frontend engineer. I have felt the pain of trying to diagnose issues and errors in UIs using logs and diving into minified JavaScript code. In that time, the state of DevOps and SRE has established many practices to help developers instrument their applications to identify unexpected behaviour and performance issues. These practices are generally, backend focused. By combining backend tracing with frontend tracing and metrics, we can better understand how our application behaves and where the issue lies.Outline
I will discuss the state of OTel for frontend instrumentation, specifically: Communication of the OTel SDKs that can be used for web, and a mention that client telemetry for web is experimental. Examples showing how front-to-back tracing can be achieved using OpenTelemetry web instrumentation combined with backend OTel instrumentation. An example of how to build a custom instrumentation using OTel web and Core Web Vitals JS library to gain performance insights using industry standard metrics.Target Audience
I believe the following individuals would be interested in this talk: UI Developers interested in observing their applications and unsure how to instrument their applications or the tools currently available. SRE engineers looking to monitor frontends as part of a wide system-estate. More experienced frontend engineers or designers looking for tools to measure application performance as a regular best practice compared to ad-hoc profiling of web applications. Tech leads and team leads looking for ways to be alerted to potential application issues and behaviours that impact the user experience.Resources
Sample code: https://github.com/carlyrichmond/otel-record-store Blog: https://www.elastic.co/observability-labs/blog/web-frontend-instrumentation-with-opentelemetry"Headline Sponsor
Bronze Sponsors
We are looking for sponsors!
Sponsors make this conference possible, we're actively looking for people to support!