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