Google 宣布將於 2024 年 3 月正式以 INP 取代 FID 作為核心網頁指標。FID 僅測量首次互動的輸入延遲,而 INP 則涵蓋使用者在頁面上所有互動的完整反應時間(包含處理與渲染繪製)。這項轉變要求開發者更全面地優化 JavaScript 執行效率,Vercel 也提供相應的監測工具協助開發者平滑過渡。
Vercel 分享了如何透過 React 18 的並行功能與 Suspense 改善「互動到下次繪製」(INP) 指標。傳統 React 的同步渲染會阻塞瀏覽器主線程,導致使用者操作出現延遲;而 React 18 允許中斷低優先級的渲染,優先處理使用者輸入,並透過選擇性水合技術,大幅降低互動延遲,提供更流暢的網頁體驗。