How to optimize web responsiveness with Interaction to Next Paint

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=KZ1kxzsJZ5g


Category:
Guide
Duration: 15:19
6,481 views
148

Dive into Interaction to Next Paint (INP), the newest performance metric in the Web Vitals program. Learn from the Chrome team how INP works and see how to use it to diagnose input responsiveness issues. One third of websites still struggle to meet the 200ms threshold for ""good"" INP. See what real-world sites did to improve their INP and how it affected their bottom line.

Resources:
INP documentation → https://goo.gle/3U7rUuF
Optimize INP guide → https://goo.gle/40YEgYe
Optimize long tasks guide → https://goo.gle/3ZMFHbc

Speakers: Annie Sullivan, Michal Mocny

Watch more:
Watch all the Technical Sessions from Google I/O 2023 → https://goo.gle/IO23_sessions
Watch more Web Sessions → https://goo.gle/IO23_web
All Google I/O 2023 Sessions → https://goo.gle/IO23_all

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#GoogleIO



Other Videos By Chrome for Developers


2023-05-10What's new in web animations
2023-05-10What's new in web UI
2023-05-10What's new in Web
2023-05-10Partnering for a stable web
2023-05-10WebAssembly: A new development paradigm for the web
2023-05-10Web experiences that drive business growth
2023-05-10Preparing for the end of third-party cookies
2023-05-10Learn passkeys for simpler and safer sign-in
2023-05-10What's new in Chrome Extensions
2023-05-10The 9 most effective Core Web Vitals opportunities of 2023
2023-05-10How to optimize web responsiveness with Interaction to Next Paint
2023-05-10Building communications and contact center apps for the Web
2023-05-10How to develop kiosk apps for ChromeOS
2023-05-10Getting started with Attribution Reporting
2023-05-10What's new in Web on Android - updates to WebView, Custom Tabs, and more
2023-05-10How to build and integrate education apps with Google
2023-05-10What’s new in ChromeOS | Google I/O 2023
2023-05-03New in Chrome 113: WebGPU is here, First-Party Sets are rolling out, and more!
2023-04-27Using source maps in DevTools
2023-04-20View Transitions API rocks
2023-04-13Whats New In DevTools: Debugging, testing and CSS (Chrome 110 - 112)


Tags:
Chrome
Developers
Google
Web
Google I/O
Google IO
IO
I/O
IO 23
I/O 23
Google I/O 23
Google IO 23
Google I/O 2023
Google IO 2023
IO 2023
Google New
Google Announcement
Google Developers
Developer
Development