Key Takeaways
Everything you need to know about INP, the official Core Web Vitals metric as of March 2024.
Responsive Websites and INP
Your site may be opening fast, but how fast is the response the user gets when he clicks a button? The INP (Interaction to Next Paint) metric measures the delay of every interaction the user performs throughout the life of the page and considers less than 200ms as "good".
Things That Destroy the INP Score
Long JavaScript tasks (Long Tasks), which generally keep the main thread very busy, are the enemy of INP. If the user's click remains unanswered while an animation is running or heavy data is being processed, your INP score increases.
How to Optimize?
- Code Splitting: Split large JS files into pieces with dynamic import.
- Web Workers: Move heavy calculations to background threads.
- Yield Strategy: Long tasks Give the browser breathing room by splitting it with
scheduler.yield(). - Debounce/Throttle: Optimize frequently triggered event handlers.
Related Service
Meta Ads & Performance
Stop ad budget leakage with server-side CAPI tracking and provably scalable ROAS
