In 2024 Google replaced First Input Delay (FID) with a new metric, Interaction to Next Paint (INP). By 2026 that change has real consequences for every website that wants to stay visible in search.
The three key metrics
Core Web Vitals still measure three dimensions of user experience:
- LCP (Largest Contentful Paint) — how quickly the main content of the page loads. Target: under 2.5 seconds.
- INP (Interaction to Next Paint) — how quickly the page responds to a click, tap, or key press. Target: under 200 milliseconds.
- CLS (Cumulative Layout Shift) — how much content moves while the page loads. Target: under 0.1.
Why INP matters more than FID
FID only measured the first user interaction. If the first was fast and every later one was slow, the score could still look good. INP measures all interactions during the visit and uses the 75th percentile. That means one sluggish animation or stuck tap on mobile can drag the whole result down.
A practical example
Take a site with a contact form. Under FID, if the first input field responded quickly, you were fine. Under INP, Google also measures the submit button, opening menus, scrolling, and every other interaction. If any of them takes longer than about 200 ms, the score suffers.
What to check on your own site
1. JavaScript blocking the main thread
The biggest cause of poor INP is too much JavaScript. Every script that runs on the main thread delays the browser’s ability to react to user input.
Fix: Use defer and async on scripts, split large bundles (code splitting), and defer anything that is not needed for the first paint.
2. Images without defined dimensions
When images lack width and height, the browser does not know how much space they need until they load. That causes layout shift and pushes up CLS.
Fix: Always set image dimensions in HTML or CSS. Use the aspect-ratio property for responsive images. WebP or AVIF typically cuts file size by 30–50%.
3. Web fonts blocking rendering
Loading custom fonts can delay text rendering, which directly hurts LCP.
Fix: Use font-display: swap so text is readable immediately and the font swaps in when ready. Self-hosting fonts removes dependency on third-party servers.
4. Third-party scripts
Analytics, chat widgets, ads, and social embeds add JavaScript you do not control. Each one can slow INP.
Fix: Load third-party scripts only after user interaction (lazy loading) or isolate work with a Web Worker. Google Tag Manager should load only the tags you truly need.
Tools for measurement
- PageSpeed Insights — quick check with improvement suggestions
- Chrome DevTools → Performance — detailed view of each interaction
- web.dev/measure — combined report with Lighthouse scores
- Chrome UX Report (CrUX) — real-user data for your site
Impact on rankings
Google has used Core Web Vitals as a ranking signal since 2021, and that influence has grown. In 2026 sites with weak INP lose ground especially on mobile, where competition for the top ten results is fierce.
For small and medium businesses in Croatia that is a concrete opportunity: many local sites are still not tuned for INP, so even moderate improvements can noticeably improve visibility.
Conclusion
Core Web Vitals are not just a technical checkbox — they reflect how usable your site is for visitors. A fast, stable page that responds to clicks without delay keeps people on site, reduces bounce rate, and ranks better. Start by measuring, find the bottlenecks, and improve step by step.
Related articles
Need help with this topic?
ANIM offers free assessments for small and medium businesses. Get in touch and let's discuss your needs.
Free assessment