Measuring Interactions and Navigations
summary
New Performance APIs expose measurable soft navigation entry timestamps and a stream of interaction contentful paint entries so same-document navigations get time origins and measurable paints. Each soft navigation supplies a navigation ID that joins event timing to the paints, letting interaction-to-navigation and navigation-to-LCP timing be attributed. Implementation exists in a Chromium origin trial, demos show green/orange LCP candidates, and slides plus origin-trial details live at the uploader links.
AI-written summary · about
chapters (16)
- 0:00Measuring interactions
- 1:07Core Web Vitals responsiveness
- 3:36Limitations of interaction measurements
- 7:09Motivations for soft navigation measurements
- 9:15Web app architecture evolution
- 12:07Demo: view transitions and soft navigations
- 15:50Modern JS framework innovations
- 17:17Transitional web apps and measurement gaps
- 19:02New timeline entries for soft navigations
- 22:12Modeling soft navigations in timeline
- 26:23How soft navigation measurement works
- 33:04Tracking interaction context and DOM changes
- 35:08Decoupling heuristics and API proposals
- 36:12Origin trial setup and demo
- 36:56Q&A: Pre-rendering and mental models
- 40:47Q&A: DevTools and visualization
related talks
24mUnderstanding and Optimizing Interaction to Next Paint (INP)
48mFrom Here to There
36mInteraction to Next Paint: 2024 Edition
54mThe Latest in Metrics & Measurement
16mThe state of responsiveness on the web
39mWhat’s new in performance?
44mBreaking Down Long Tasks
18mVinicius Dallacqua at performance.sync()