A look under the hood of the new INP metric
summary
Overview of Google's new web performance metric Interaction to Next Paint (INP), which will replace First Input Delay (FID) in March 2024; explains that INP is stricter and better reflects user experience for interactivity. Covers what counts as an interaction, how INP is measured and debugged in the browser, and practical optimization techniques touching JavaScript, design, and UX, noting that optimizations on large sites can take months.
AI-written summary · about
chapters (12)
- 0:00INP metric importance
- 1:48What is INP
- 3:59INP vs FID
- 5:05INP monitoring tools
- 8:00Debugging INP in browser
- 10:13Analyzing INP with Performance Tab
- 11:40INP problem categories
- 13:51JavaScript for INP
- 14:34Fixing long tasks
- 16:00Optimization with setTimeout
- 17:04INP key takeaways
- 17:50Q&A
related talks
16mThe state of responsiveness on the web
24mUnderstanding and Optimizing Interaction to Next Paint (INP)
50mOur Websites Need a Lifestyle Change, Not a Diet
44mBreaking Down Long Tasks
23mBrace Your React, New Core Web Vitals are Coming
53mINP Case Studies
01h 01mUnveiling the Power of Web Performance Metrics for Testers
18mVinicius Dallacqua at performance.sync()