Key Takeaways
- INP Optimization: Interaction to Next Paint measures page responsiveness to user clicks and taps.
- LCP Under 2.5s: Optimize hero images with AVIF/WebP formats and fetchpriority="high".
- CLS Elimination: Explicitly set width and height attributes on all media elements and ads.
In This Article
Understanding Interaction to Next Paint (INP)
INP replaced FID as an official Core Web Vitals metric. It measures the latency of all user interactions (clicks, taps, keypresses) during the entire lifecycle of a page visit.
A good INP threshold is under 200 milliseconds. Long JavaScript main thread tasks are the primary cause of poor INP scores.
EXPERT INSIGHT
Break up long JS tasks into smaller sub-tasks using requestIdleCallback() or setTimeout yield functions.
Frequently Asked Questions
Google recommends an LCP (Largest Contentful Paint) score of 2.5 seconds or lower on mobile connections.