首先回顧下谷歌核心網(wǎng)頁指標(biāo)Core Web Vitals的三大指標(biāo)：LCP, FID, CLS。

LCP（Largest Contentful Paint）：測(cè)量加載性能。為提供良好的用戶體驗(yàn)，LCP 應(yīng)在頁面首次開始加載后的2.5 秒內(nèi)發(fā)生。

FID（First Input Delay )：測(cè)量交互性。為了提供良好的用戶體驗(yàn)，頁面的 FID 應(yīng)為100 毫秒或更短。

CLS（Cumulative Layout Shift )：測(cè)量視覺穩(wěn)定性。為了提供良好的用戶體驗(yàn)，頁面應(yīng)保持 0.1 的 CLS?；蚋佟?/span>

什么是INP？

INP（Interaction to Next Paint）是即將成為核心網(wǎng)頁指標(biāo)的一種指標(biāo)，它通過觀察在用戶訪問頁面的整個(gè)生命周期內(nèi)發(fā)生的所有點(diǎn)擊、點(diǎn)擊和鍵盤交互的延遲來評(píng)估頁面對(duì)用戶交互的整體響應(yīng)。

為什么要用INP替代FID？

自谷歌在2021年的6月發(fā)布核心網(wǎng)頁指標(biāo)之后，發(fā)現(xiàn)FID存在一些限制，谷歌決定對(duì)FID進(jìn)行升級(jí)，取名為NIP，INP 觀察用戶與頁面進(jìn)行的所有交互的延遲，取代FID僅報(bào)告首次輸入延遲，并將在 2024 年 3 月取代首次輸入延遲 (FID)。

關(guān)于INP深入講解：

1.在 INP 考慮所有頁面交互的情況下，?(FID)首次輸入延遲僅考慮第一次交互。它還只測(cè)量第一次交互的輸入延遲，而不是運(yùn)行事件處理程序所花費(fèi)的時(shí)間，或者呈現(xiàn)下一幀的延遲。

2.INP 的目標(biāo)是確保對(duì)于用戶進(jìn)行的所有或大多數(shù)交互，從用戶發(fā)起交互到繪制下一幀的時(shí)間盡可能短。

3.INP 的目的不是衡量交互的所有最終效果，而是衡量下一次繪制被阻止的時(shí)間。

4.INP觀察的交互類型：用鼠標(biāo)點(diǎn)擊；在帶有觸摸屏的設(shè)備上點(diǎn)擊；按物理鍵盤或屏幕鍵盤上的鍵。

（阻塞任務(wù)?->收到輸入?->輸入延遲 ->處理時(shí)間 -> 呈現(xiàn)延遲 ->框架呈現(xiàn)）

若交互中有多個(gè)交互事件發(fā)生，則選擇交互中持續(xù)時(shí)間最長(zhǎng)的事件作為交互的延遲：