Jeremy Wagner

New field insights for debugging INP

https://www.youtube.com/watch?v=xfjumh8ySRY

Interaction to Next Paint (INP) is a Core Web Vital that measures how responsive a page is to interactions. Due to INP's scope, it can be difficult to identify why some interactions are slow. Learn how to use new Chrome APIs that provide detailed information on the causes behind slow interactions, and how to collect insights from your website's actual users in a new release of the web-vitals JavaScript library.

This is a YouTube video:

• Older: Going to the cinema is a data visualization problem
• Newer: netbeep: Chrome extension to play sounds on network requests, depending on request type and file size

Related contents with similar topics

1. 

   Cliff Crocker

   SpeedCurve | NEW: RUM attribution and subparts for Interaction to Next Paint!

   • Nicolas Hoizey
   • 2 May 2024
   • SpeedCurve, WebPerf, INP, RUM
   • 1 reaction

   In addition to advanced settings, navigation types, and page attributes, we've just released more diagnostic detail for the latest flavor in Core…

2. Note from 12 March 2024

   • Nicolas Hoizey
   • 12 March 2024
   • INP, WebPerf
   • 1 reaction

   Happy #INP day! 🎉

3. 

   Cliff Crocker

   Mobile INP performance: The elephant in the room

   • Nicolas Hoizey
   • 8 February 2024
   • WebPerf, INP, mobile
   • 1 reaction

   Unfortunately, due to lack of Safari support for some performance metrics – including Core Web Vitals – iPhone performance continues to be a blind…

4. Note from 6 June 2023

   • Nicolas Hoizey
   • 6 June 2023
   • Core Web Vitals, image, LCP, WebPerf
   • 6 reactions

   Apparently, an image whose part above the fold is indeed the largest, but of which only a small part can be seen, can be considered an LCP element, even if another image has a larger part visible... 😭

   You can see this for my photography site in this WebPageTest result:

   https://www.webpagetest.org/vitals.php?test=230606_BiDcN4_4NJ&run=3&cached=0#lcp

   

5. 

   Paul Hebert

   Watch Out for Layout Shifts with ‘ch’ Units

   • Nicolas Hoizey
   • 31 May 2023
   • WebPerf, Core Web Vitals, CLS, CSS
   • 5 reactions

   In our case, we were using ch units to define our page layout. This meant that our post content was equal to 50ch units (or the width of fifty…