INP(다음 페인트 상호작용)

INP는 어디에서 쓰이나요?

서치콘솔 「핵심 웹 지표」 보고서와 PageSpeed Insights에서 확인합니다.

• 메뉴나 버튼을 눌렀을 때 반응이 느린 원인을 찾을 때
• 코어 웹 바이탈 3대 지표를 점검할 때
• 2024년 3월 이후 FID를 대신할 지표를 볼 때

---

INP는 어떻게 측정하나요?

페이지에 머무는 동안 일어난 모든 상호작용의 지연을 관찰해 대표값 하나로 냅니다.

INP = 페이지 체류 중 발생한 클릭·탭·키 입력 지연 중 대표적으로 느린 값 하나단순 스크롤·마우스 이동은 집계 대상이 아닙니다

집계 대상이 되는 상호작용은 세 가지입니다.

• 마우스 클릭
• 화면 탭
• 키보드 입력

---

INP가 왜 중요한가요?

반응이 느리면 같은 버튼을 여러 번 누르는 오작동으로 이어지기 쉽습니다.

web.dev는 INP가 200밀리초 이하면 좋음, 500밀리초를 넘으면 나쁨으로 분류합니다.

---

INP라는 개념은 왜 생겼나요?

FID는 페이지에서 처음 상호작용한 순간만 측정해, 이후 여러 번 누르는 실제 사용 패턴을 반영하지 못했습니다. INP는 페이지가 열려 있는 동안의 모든 상호작용을 관찰해 이 한계를 보완하도록 설계됐습니다.

---

내 상황에 적용하려면?

숫자를 하나 넣어 보면 감이 잡힙니다. 아래는 설명을 위해 가정한 수치입니다.

게시판에서 다섯 번 클릭한 지연이 각각 120, 140, 90, 430, 110밀리초였다고 하겠습니다. 이 중 가장 느린 430밀리초에 가까운 값이 INP 대표값이 됩니다.

• 어떤 상호작용에서 지연이 발생하는지 브라우저 도구로 확인했습니다
• 무거운 자바스크립트 실행을 작은 단위로 나눴습니다
• 불필요한 스크립트 로딩을 줄였습니다
• 실제 방문자 데이터(필드 데이터)로도 확인했습니다

---

INP에 대한 흔한 오해는 무엇인가요?

INP를 포함한 3가지 핵심 지표는 코어 웹 바이탈에서, 로딩 체감 속도는 LCP에서, 화면이 밀리는 정도는 CLS에서 다룹니다.

---

자주 묻는 질문

INP 좋음 기준은 얼마인가요?

200밀리초 이하면 좋음, 200에서 500밀리초 사이면 개선 필요, 500밀리초를 넘으면 나쁨으로 분류됩니다.

INP와 FID는 어떤 관계인가요?

FID의 후속 지표로, 2024년 3월부터 FID를 대체해 코어 웹 바이탈 공식 지표가 됐습니다.

INP를 개선하려면 무엇부터 봐야 하나요?

메인 스레드를 오래 점유하는 무거운 자바스크립트 실행을 나눠 처리하는 것부터 점검하는 것이 일반적입니다.

참고 자료

• web.dev, Interaction to Next Paint (INP).
• Google 검색 센터, 코어 웹 바이탈과 검색결과.