← All notes
前端效能進階：Core Web Vitals + INP 取代 FID 之後
資深前端面試一定問效能。LCP、INP、CLS 三個 Core Web Vitals 的本質、量測方式、優化模式串成一條線；附 INP 優化的長任務切片、yield to main、debounce 三個常見手法的真實程式碼。內部使用。
INP 在 2024 年 3 月 12 日正式取代 FID 成為 Core Web Vital[^2]，但很多人筆記還停在「FID < 100ms」。資深前端面試問到效能時，講不出三個 CWV 的數字門檻、講不出 INP 為什麼比 FID 更難達標、講不出 long task 怎麼切，等於直接給標籤「沒在 follow up」。這篇把三個指標拆開，加上 INP 優化的三個實戰模式。