Crash Course in CrUX

on YouTube ↗27m

" summary

Live demo of the Chrome UX Report shows how to pull real user metrics into dashboards and scripts: Chrome UX Report, PageSpeed Insights API, BigQuery, Data Studio. Example findings include 90th-percentile FCP 2.3s and FID 4.7s for a New York Times URL, daily rolling PageSpeed Insights vs monthly BigQuery aggregation, and a reproducible Google Apps Script that appends API results to Sheets for automated monitoring and competitor charts. Test My Site’s revenue calculator translates speed gains into dollars.

AI-written summary · about

" chapters (16)

1. 0:00Start
2. 0:41Always Measure First
3. 1:03Chrome User Experience
4. 1:14Intro of What Crux Is
5. 1:41Metrics in Crux
6. 4:16Three Primary Ways That We Promote Using Crux Data
7. 11:21Input Delay
8. 14:33The Crux Dashboard
9. 15:19Test My Site
10. 16:03Results
11. 16:56The Revenue Impact Calculator
12. 18:05Pagespeed Insights Api
13. 22:49The Script Editor
14. 23:16Api Key
15. 24:19Bigquery
16. 25:33Export To Google Sheets

" related talks

• 23mCrUX: Data That Will Speed Up Your SitesMichal Matuška · FrontKon 2025
• 27mChrome User Experience ReportInian Parameshwaran · DeltaV Conference 2018
• 28mDevTools & The Performance TabHenri Helvetica · React Miami 2025
• 44mAiming for the StarsAnnie Sullivan · performance.now() 2024
• 34mWhy Google’s CrUX Results Are Not Reproducible With Your Real-User MonitoringWolfram Wingerath, Sebastian Grebasch · code.talks 2022
• 27mHow to Measure Performance Effectively?Filip Rakowski · Vue.js London Live 2021
• 38mMeasure performance with web-vitals.js, Google Analytics, and BigQueryTony Conway · Google I/O 2022
• 30mThe Chrome DevTools Performance PanelRick Viscomi · SquiggleConf 2024