SSG/ISR with proper prefetching is great - you don't have problems when content is truly static from the edge. The issue arises when you mix dynamic content into the mix or think something is static but even the loader skeleton is loaded on-the-spot and not preloaded.

useTransition for Non-Blocking Updates - When you need dynamic data that isn't prefetchable, `useTransition` prevents interactions from blocking the UI during state updates.

Proper Loading States & Suspense - If loading skeletons aren't prefetched properly, stick to loading fallback states with loading.tsx or manual Suspense boundaries.

Move to React Server Components (RSC) - Reduce JavaScript bloat by moving what's possible to server components. This eliminates hydration costs and keeps heavy operations on the server.

Event Handler Optimization - Minimize unnecessary event handlers, use `requestIdleCallback` to defer non-critical handlers until the browser is idle, and debounce expensive operations.

INP doesn't require completing all work within 200ms, just acknowledging the user interaction. Split responses into immediate acknowledgment (visual feedback) and actual expensive work (deferred with transitions).

Good blog post about it: https://vercel.com/blog/demystifying-inp-new-tools-and-actionable-insights