INP란?
클릭·탭·키보드 입력 등 인터랙션 후 화면 반응까지의 지연을 측정한다. 2024년 3월 Google이 FID를 대체해 Core Web Vitals에 도입.
기준
- Good: ≤ 200ms
- Poor: > 500ms
FID와 차이
- FID — 첫 입력만, 대기 시간만
- INP — 세션 전체, 입력부터 페인트까지 전체
개선법
- 긴 JS 작업 쪼개기 (scheduler.yield)
- React 18 Concurrent 기능 활용
- 무거운 상태 업데이트는 transition으로