INP in 2024: why a fast-loading page can still feel slow
Investigate slow menus, filters, and form responses instead of judging performance only by the initial page load.
Interaction to Next Paint became a Core Web Vital on March 12, 2024, replacing First Input Delay. The change brought renewed attention to what happens after a page appears. A website can load its main content quickly and still respond poorly when someone opens a menu, changes a filter, or submits a form. For a business website, those interactions are often the moments that matter most.
The practical starting point is a task list. Identify the actions customers need to complete and test them on representative devices. Do not assume that a good homepage loading score means every interaction is healthy. A project gallery, product selector, or embedded booking tool may behave differently from the simpler pages around it.
Observe the delay people experience
Try the interface without knowing its implementation. Does a button respond visibly when selected? Does a filter appear frozen before the results change? Does typing become difficult while other work happens on the page? Describe the observable behavior before assigning a technical cause. This helps developers reproduce the problem and avoids premature fixes.
A delayed response can cause repeated clicks because the visitor cannot tell whether the first action worked. That may create additional requests or confusing state changes. Clear feedback is useful, but it should not merely disguise an unnecessarily slow operation. The team should investigate both the feedback and the work causing the delay.
Identify expensive work at the wrong time
Developers can use appropriate diagnostic tools to inspect what occurs during the affected interaction. Large scripts, repeated rendering, or third-party code may contribute, but the cause depends on the specific page. Treat a generic recommendation as a hypothesis until it is connected to observed behavior.
Consider an illustrative portfolio filter that processes a large collection in the browser every time a category is selected. The right improvement might involve reducing unnecessary work, changing how results are prepared, or simplifying the interaction. Replacing the visual design without investigating the processing would leave the underlying problem unresolved.
Prioritize important journeys
A minor delay in an infrequently used decorative feature may be less urgent than a slow inquiry form or navigation menu. Combine performance evidence with knowledge of the customer journey. This gives the team a practical order of work when it cannot address every warning at once.
Check third-party features separately. A chat widget, scheduling tool, or embedded media player may affect responsiveness even though the main site code is relatively simple. Identify the business owner of the feature and discuss its value before removing it. The goal is a useful experience with fewer unnecessary costs, not a stripped-down page that can no longer perform its job.
Verify improvements over time
Reproduce the same task after a change and confirm that the interaction still works correctly. A performance fix that breaks keyboard behavior or fails to update the result is not a successful improvement. Use available field data to complement controlled tests, while recognizing that real-user reporting may take time to reflect changes.
Add interaction checks to future releases. New content, scripts, and integrations can reintroduce delays after the original issue is resolved. INP provided a more useful prompt to look beyond initial loading, but the business objective remains understandable: customers should receive a timely, clear response when they act. Performance work is most valuable when it protects those moments rather than chasing a score in isolation.
Sources & further reading
Linked documentation may reflect updates made after the historical period discussed.
Explore Commit’s approach to strategy, design, and development.
Explore our services ↗