Measure performance with web-vitals.js, Google Analytics, and BigQuery
summary
Shows how to capture real-user Core Web Vitals with web-vitals.js and send LCP/FID/CLS events into GA4→BigQuery so you can query event-level data (example LCP 13748 ms, FID 2.3 ms, CLS 0.0069→0.0082). Builds a materialized, partitioned summary table (daily/streaming export), schedules an append query to keep it current, and runs a sample analysis that computes the 75th percentile per page_path + debug_target while filtering for >=50 page views, then visualizes results in Data Studio.
AI-written summary · about
chapters (8)
- 0:00Start
- 0:11Core Web Vitals
- 1:02Chrome User Experience Report
- 5:00Add the Web Vitals Library as a Module
- 18:16Querying the Data in Bigquery
- 26:57The Bigquery Data Transfer Api
- 35:29Customize the Charts
- 36:52Review
related talks
16mMeasure and debug performance with Google Analytics 4 and BigQuery
01mGoogle Core Web Vitals
43mDemystifying and leveraging Web Vitals
30mThe ins and outs of Core Web Vitals
30mWeb Vitals
15mCore Web Vitals – Measuring Performance Like a Pro
36mProgrammatically Performant
39mCore Web Vitals under control