Solve a Problem Using Honeycomb's Frontend Observability Sandbox

Описание: I have a performance problem with my web application. This video shows how I use Honeycomb's Frontend Observability Web Launchpad to quickly identify the symptoms causing the slowdown.

You can try this out in the Web Launchpad Sandbox at https://play.honeycomb.io

00:00 Solve a problem using Honeycomb's Frontend Observability Sandbox
00:25 Introduction to the Web Launchpad
01:05 Looking at Core Web Vitals scores
01:25 Review Largest Contentful Paint (LCP) concerns
01:47 Switch to table view for LCP
01:59 Identifying the LCP element
02:08 Group by Page.route to identify the page with the LCP element
02:25 Grouping applies to all Launchpad graphs and tables
02:37 It's the root (/) page!
02:48 When showing the graph view, the root page has the worst LCP
03:00 Hover over plot lines identify the grouping
03:12 Detect Anomalies (BubbleUp) across all attributes for more detail
03:32 Working in BubbleUp for the "poor" LCP values
04:02 Trying BubbleUp again with "needs improvement" LCP values
04:25 Our LCP is affected by network speed!
04:53 Filtering out slow networks in the Web Launchpad
05:20 Digging into the LCP P75 Launchpad Query with the same grouping and filter
05:38 Filter out home page entries (page.route != /)
05:55 Sorting the data in the Overview tab to review the results by Page.route
06:07 Exploring span data
06:45 Recap