INP, 2026년 Core Web Vitals의 핵심 지표로 정착

구글이 2024년 3월 Core Web Vitals에 INP(Interaction to Next Paint)를 정식 지표로 도입한 이후, 한국 사이트들의 INP 점수 관리가 SEO 실무자들의 주요 관심사로 자리잡았다. INP는 사용자가 페이지와 상호작용(클릭, 탭, 키 입력)했을 때 화면이 반응하는 속도를 측정하는 지표로, 기존 FID(First Input Delay)보다 실제 사용자 경험을 더 정확하게 반영한다. 2026년 현재 INP 최적화는 단순한 기술 개선을 넘어 검색 순위와 직결되는 SEO 핵심 과제다.

배경: 왜 INP가 FID를 대체했나

FID는 사용자의 첫 번째 입력에 대한 응답 지연만 측정했다. 문제는 첫 번째 클릭은 빠르지만 이후의 모든 상호작용이 느린 경우를 잡아내지 못한다는 점이었다. INP는 페이지 세션 전체에서 발생하는 모든 상호작용 중 가장 나쁜 응답 시간을 기준으로 삼는다. 즉 사용자가 페이지에 머무는 동안 경험하는 전반적인 반응성을 측정한다.

구글의 INP 기준은 다음과 같다. 200ms 이하는 '양호(Good)', 200~500ms는 '개선 필요(Needs Improvement)', 500ms 초과는 '불량(Poor)'이다. 개선 필요 또는 불량 판정을 받은 페이지는 Core Web Vitals 신호에서 부정적 평가를 받아 랭킹에 불이익이 생길 수 있다.

구글 서치 콘솔의 Core Web Vitals 보고서에 따르면 한국 주요 사이트들의 INP 통과율은 업종에 따라 편차가 크다. 콘텐츠 중심 사이트는 상대적으로 양호한 반면, 복잡한 자바스크립트와 다수의 서드파티 스크립트를 사용하는 이커머스, SaaS 사이트에서 INP 불량 비율이 높게 나타난다.

핵심 내용: INP 악화의 주요 원인과 진단 방법

INP가 높아지는(느려지는) 주요 원인은 다음과 같다.

긴 자바스크립트 태스크(Long Task)
메인 스레드에서 50ms 이상 실행되는 자바스크립트 작업이 사용자 입력을 차단한다. 크롬 DevTools의 Performance 패널에서 Long Task를 확인하면 주요 원인을 특정할 수 있다.

서드파티 스크립트
채팅봇, 분석 태그, 광고 태그, 소셜 공유 버튼 등 외부 스크립트가 메인 스레드를 점유하는 시간이 누적되면 INP가 급격히 악화된다. 일반적으로 서드파티 스크립트 제거 또는 지연 로딩만으로도 INP를 50~100ms 개선하는 효과가 있다.

렌더링 차단 리소스
CSS와 자바스크립트가 렌더링을 차단하면 초기 상호작용 가능 시점이 늦어져 INP에 영향을 준다.

INP 진단은 PageSpeed Insights(실제 사용자 데이터 기반)와 크롬 DevTools Performance 패널(개발 환경 분석)을 함께 활용한다. 구글 서치 콘솔의 Core Web Vitals 보고서에서 실제 사용자 CrUX 데이터 기반 INP 현황을 확인하는 것이 출발점이다.

분석: INP 최적화 실전 전략

자바스크립트 분할과 지연 로딩
React, Next.js 환경에서 코드 스플리팅(Code Splitting)을 적용해 초기 로딩 시 필요한 자바스크립트만 불러오고, 나머지는 사용자 상호작용 시점에 로드한다. Next.js의 dynamic import와 React.lazy를 활용하면 번들 크기를 줄일 수 있다.

서드파티 스크립트 최적화
채팅봇, 분석 태그, 광고 태그를 Partytown 또는 Web Worker로 메인 스레드에서 분리하거나, 지연 로딩 방식으로 전환한다. 실제로 필요하지 않은 서드파티 스크립트를 정리하는 것만으로도 INP가 크게 개선되는 사례가 많다. 각 서드파티 스크립트가 INP에 미치는 영향을 DevTools에서 측정해 기여도 순으로 우선순위를 정한다.

Long Task 분할
50ms 이상의 Long Task는 여러 개의 작은 태스크로 분할한다. setTimeout이나 requestIdleCallback을 활용해 비우선 작업을 메인 스레드 유휴 시간에 처리하도록 스케줄링한다.

렌더링 최적화
React에서 불필요한 리렌더링을 막기 위해 React.memo, useMemo, useCallback을 적절히 적용한다. 상태 관리 로직 최적화로 컴포넌트 트리 전체가 아닌 필요한 부분만 업데이트되도록 설계한다.

한국 시장 시사점: INP 점검 우선 대상 파악

Core Web Vitals 개선의 투자 효율을 높이려면 영향 범위가 큰 페이지부터 우선 처리해야 한다. 구글 서치 콘솔의 Core Web Vitals 보고서에서 INP 불량 URL을 추출하고, 트래픽이 높은 페이지 순으로 우선순위를 매긴다. 이커머스 사이트의 경우 상품 상세 페이지와 장바구니 페이지가, 콘텐츠 사이트의 경우 글 상세 페이지가 우선 점검 대상이다.

전망: AI 검색 크롤러도 Core Web Vitals를 참조한다

구글 AI Overviews의 인용 대상을 선별할 때도 페이지 품질 신호가 고려된다는 분석이 있다. Core Web Vitals가 양호한 페이지는 사용자 경험 측면에서 신뢰도 신호를 확보한 것이므로, INP를 포함한 Core Web Vitals 개선이 SEO 순위와 AI 인용 가능성 양쪽에 긍정적으로 작용할 수 있다. 기술 SEO 투자 우선순위에서 Core Web Vitals 최적화를 꾸준히 상위에 두어야 하는 이유다.