Interaction to Next Paint (INP) measures how fast your page responds to on-page interactions. For example, an interactivity score would be measured from the time the user clicks “Add to Cart” until the mini cart pops out and completes updating.
Interactivity Over Time chart
This chart provides a visual representation of trends in the relevant Core Web Vital over the time period selected. It plots overall interactivity (INP) day by day for the time period chosen. Noibu provides historical reporting on this web vital for up to the past 180 days.
This chart can be interpreted as follows:
- The solid black line on this chart indicates your Core Web Vital measurement.
- The dotted grey line indicates the measurement over the prior measurement period (i.e. compared to 7, 14, 30, or 90 days ago). Comparing this line to the solid black line shows how performance has changed over time.
- The red line on this chart indicates the threshold above which the Core Web Vital would be considered “Poor”.
- The green line on this chart indicates the threshold below which the Core Web Vital would be considered “Good”.
- Core Web Vitals that measure between the red and green lines are considered “Needs Improvement”.
Hovering over a point in the chart displays a tooltip with the measurement at a specific date, as well as the prior period’s measurement.
The “Share” button at the top-right of this chart allows you to copy a link to this page with current filters applied, or copy the chart to your clipboard as a PNG.
If enabled, release events will be indicated along the horizontal axis of this chart via a </> icon. Clicking the icon will show you a preview of release events that occurred on that date. Learn more about enabling release events.
Slowest Interactions by Occurrences
The Slowest Interactions by Occurrences table provides details into which specific elements and interactions contribute most to your website’s INP metric.
The top row in this table highlights the most frequently-occurring poor interaction for the date range, device type, and page group selected at the top of the dashboard.
For every item in the table, you’ll also see which interaction is slow, the page it most frequently occurs on, the frequency of interactions with this element, and its response time measured in seconds (s) or milliseconds (ms).
Investigating individual elements
Clicking the ‘View details’ button on the first row, or any of the subsequent rows in the table, will pop out more details about the element and how it impacts INP.
Within this panel you’ll see measurements of interaction speed, details about the type of interactions that occur, and a full outline of the element selector, which may be helpful for technical teams in diagnosing the issue. Hovering over a row will provide a definition of each measurement.
You’ll also see Session Highlights that provide you with direct evidence of how this element impacted users on your website. The marker on the timeline scrubber indicates where in the session recording the slow interaction occurred.
Actioning interactivity (INP) performance problems
When you discover an INP performance issue that appears to be impacting customers – that is, cases where there appears to be a significant delay between a customer’s interaction and your site’s reaction – you may wish to escalate it to technical teams for further diagnosis.
From the Slowest Interactions detail panel, click the ‘Share’ button to copy a link that can be shared with other users in your account. This link points directly to the same panel detailing the individual element to be investigated.
Pages with poor interactivity
This section lists the top pages on your website with a “Poor” rating for interactivity (INP). You can toggle this chart to show High Traffic (the highest-traffic pages with a “poor” score), Performance Drop (pages where the web vital score has deteriorated to a "poor" score), or Poor (pages with a “poor” score for this web vital, sorted by the highest traffic).
Each row in this table shows the relevant page title and URL, traffic for that page for the specified time range, and a visual indicator of each web vital’s score (“Good”, “Needs Improvement”, or “Poor”).