白話文解說網頁效能新指標 - INP

Interaction to Next Paint (INP) 指的是使用者與網頁互動(例如點擊)之後到下一個畫面完成的所需時間。

Google 預計在 2024 年 3 月全面使用 INP 取代 FID(First Input Delay), 這 2 者衡量的目標很類似,基本上都是衡量使用者與網頁互動的情況,不過 INP 衡量包含所有的互動,而 FID 只衡量第 1 次互動,而且 FID 計算的是互動開始到開始處理使用者互動之間的延誤(delay),所以假設 FID 越高,就代表你的網頁可能都在忙別的事,無法即時處理使用者的互動:

Where INP considers all page interactions, First Input Delay (FID) only accounts for the first interaction. It also only measures the first interaction’s input delay, not the time it takes to run event handlers, or the delay in presenting the next frame.

而且 INP 會在使用者離開網頁時才算出一個值做為代表,越低的值,代表你所做的網頁越可靠,能夠迅速回應使用者:

INP is calculated when the user leaves the page, resulting in a single value that is representative of the page’s overall responsiveness throughout the entire page’s lifecycle. A low INP means that a page is reliably responsive to user input.

如果你是一名前端工程師,或者有在關注 SEO 相關指標,那麼是時候提早關注網站的 INP 表現囉~

Interaction to Next Paint (INP)

Facebook Threads X

對抗久坐職業傷害

研究指出每天增加 2 小時坐著的時間,會增加大腸癌、心臟疾病、肺癌的風險,也造成肩頸、腰背疼痛等常見問題。

然而對抗這些問題,卻只需要工作時定期休息跟伸展身體即可!

你想輕鬆改變現狀嗎?試試看我們的 PomodoRoll 番茄鐘吧! PomodoRoll 番茄鐘會根據你所設定的專注時間,定期建議你 1 項辦公族適用的伸展運動,幫助你打敗久坐所帶來的傷害!

贊助我們的創作

看完這篇文章了嗎? 休息一下,喝杯咖啡吧!

如果你覺得 MyApollo 有讓你獲得實用的資訊,希望能看到更多的技術分享,邀請你贊助我們一杯咖啡,讓我們有更多的動力與精力繼續提供高品質的文章,感謝你的支持!