首先回顧下谷歌核心網頁指標Core Web Vitals的三大指標：LCP, FID, CLS。
指標 |
LCP |
FID |
CLS |
NIP |
Good |
<=2.5秒 |
<=100毫秒 |
<=0.01 |
<=200毫秒 |
Need Improvement |
<=4秒 |
<=300毫秒 |
<=0.25 |
>300毫秒<=500毫秒 |
Poor |
>4秒 |
>300毫秒 |
>0.25 |
>500毫秒 |
LCP（Largest Contentful Paint）：測量加載性能。為提供良好的用戶體驗，LCP 應在頁面首次開始加載后的2.5 秒內發生。
FID（First Input Delay )：測量交互性。為了提供良好的用戶體驗，頁面的 FID 應為100 毫秒或更短。
CLS（Cumulative Layout Shift )：測量視覺穩定性。為了提供良好的用戶體驗，頁面應保持 0.1 的 CLS。或更少。
什么是INP？
INP（Interaction to Next Paint）是即將成為核心網頁指標的一種指標，它通過觀察在用戶訪問頁面的整個生命周期內發生的所有點擊、點擊和鍵盤交互的延遲來評估頁面對用戶交互的整體響應。
為什么要用INP替代FID？
自谷歌在2021年的6月發布核心網頁指標之后，發現FID存在一些限制，谷歌決定對FID進行升級，取名為NIP，INP 觀察用戶與頁面進行的所有交互的延遲，取代FID僅報告首次輸入延遲，并將在 2024 年 3 月取代首次輸入延遲 (FID)。
關于INP深入講解：
1.在 INP 考慮所有頁面交互的情況下，?(FID)首次輸入延遲僅考慮第一次交互。它還只測量第一次交互的輸入延遲，而不是運行事件處理程序所花費的時間，或者呈現下一幀的延遲。
2.INP 的目標是確保對于用戶進行的所有或大多數交互，從用戶發起交互到繪制下一幀的時間盡可能短。
3.INP 的目的不是衡量交互的所有最終效果，而是衡量下一次繪制被阻止的時間。
4.INP觀察的交互類型：用鼠標點擊；在帶有觸摸屏的設備上點擊；按物理鍵盤或屏幕鍵盤上的鍵。
（阻塞任務?->收到輸入?->輸入延遲 ->處理時間 -> 呈現延遲 ->框架呈現）
若交互中有多個交互事件發生，則選擇交互中持續時間最長的事件作為交互的延遲：
文章為作者獨立觀點，不代表DLZ123立場。如有侵權,請聯系我們。( 版權為作者所有，如需轉載，請聯系作者 )
網站運營至今，離不開小伙伴們的支持。 為了給小伙伴們提供一個互相交流的平臺和資源的對接，特地開通了獨立站交流群。
群里有不少運營大神，不時會分享一些運營技巧，更有一些資源收藏愛好者不時分享一些優質的學習資料。
現在可以掃碼進群，備注【加群】。 ( 群完全免費，不廣告不賣課！)
