테크니컬 SEO심화
INPInteraction to Next Paint
DEFINITION
INP(Interaction to Next Paint)는 사용자가 클릭·탭·키 입력을 한 뒤 화면이 다음으로 갱신되기까지 걸린 지연 시간을 페이지 이용 전체에 걸쳐 측정한 반응성 지표입니다.
01클릭 후 0.5초의 침묵이 만드는 이탈
메뉴를 눌렀는데 아무 변화가 없으면 사용자는 고장 났다고 느끼고 다시 누르거나 떠납니다. INP는 이 '눌렀는데 반응 없는 시간'을 잽니다.
좋음개선 필요나쁨
0200ms500ms
02FID 대신 INP가 Core Web Vitals가 된 배경
예전 지표인 FID는 첫 번째 상호작용의 입력 지연만 쟀습니다. INP는 페이지를 쓰는 동안의 상호작용 전반을 보고 가장 느린 축에 속하는 반응을 대표값으로 삼기 때문에 실제 체감에 더 가깝습니다. 그래서 2024년 3월 12일부터 FID를 대체했습니다. 로딩이 빨라도 JavaScript가 무거우면 INP는 나쁠 수 있습니다.
03반응을 붙잡고 있는 것들
- 긴 작업메인 스레드를 50ms 이상 점유하는 스크립트 실행
- 서드파티 스크립트채팅 위젯, 광고·분석 태그가 클릭 시점에 실행
- 큰 화면 갱신클릭 한 번에 DOM을 대량으로 다시 그림
- 즉시 피드백클릭 직후 버튼 상태부터 바꾸고 무거운 처리는 나중에
04실험실 점수로는 잘 안 보이는 이유와 확인 방법
INP는 실제 상호작용이 있어야 측정됩니다. 그래서 실험실 도구로는 재현이 어렵고, PageSpeed Insights 상단의 실사용자 결과와 Search Console 보고서 같은 현장 데이터로 확인합니다. 원인 분석에는 Chrome 개발자 도구의 Performance 패널로 클릭 시점의 긴 작업을 찾는 방법이 쓰입니다.
