INP가 측정하는 것
LCP가 로딩 속도를, CLS가 화면 안정성을 본다면 INP는 반응성을 봅니다. 사용자가 페이지에 머무는 동안의 클릭·탭·키 입력을 모두 관찰하고, 그중 가장 느린 반응을 페이지의 값으로 기록합니다(상호작용이 아주 많은 페이지는 극단값 일부를 제외). 첫 입력만 보던 FID와 달리 페이지를 쓰는 내내의 반응을 평가하므로, 메뉴 열기·필터 선택·장바구니 담기처럼 자바스크립트가 많이 도는 동작이 있을수록 수치가 나빠지기 쉽습니다.
하나의 상호작용은 입력 지연, 이벤트 처리 시간, 다음 화면을 렌더링하기까지의 지연으로 나뉩니다. 어디서 시간이 걸리는지에 따라 해결 방법이 달라집니다.
INP를 개선하는 방법
- 50ms가 넘는 긴 작업을 잘게 나눠 브라우저가 중간에 사용자 입력을 처리할 수 있게 합니다.
- 사용하지 않는 자바스크립트와 과도한 서드파티 스크립트(채팅 위젯, 광고, 추적 코드 등)를 줄입니다.
- 클릭 직후에는 로딩 표시 같은 화면 반응을 먼저 보여주고 무거운 처리는 그 뒤로 미룹니다.
- DOM 요소가 지나치게 많으면 화면을 다시 그리는 데 오래 걸리므로 구조를 단순하게 유지합니다.
INP는 실제 사용자 상호작용이 있어야 측정되므로 페이지 스피드 인사이트의 필드 데이터와 서치콘솔 코어 웹 바이탈 보고서로 확인합니다. 실험실 측정에서는 총 차단 시간(TBT)이 참고 지표가 됩니다.