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