INP 측정이 흔들릴 때, 이벤트 샘플링부터 고정하기

필드에서 수집한 INP와 스테이징에서 재현한 값이 크게 다르면, 가장 먼저 이벤트 샘플링 비율과 디바이스 스로틀 설정을 맞춥니다. 서드파티 스크립트가 주입한 리스너가 동일한 제스처에 중복으로 반응하는지 확인하고, 실험 플래그가 다른 번들을 로드하고 있지 않은지 점검합니다.

그다음 단계에서는 사용자 세션 길이와 페이지 전환 패턴을 나누어 봅니다. 짧은 세션에서만 지표가 나빠진다면 초기 렌더 이후 바로 실행되는 효과 훅이나 자동 재생 미디어를 의심합니다. 반대로 긴 세션에서만 악화된다면 메모리 누수나 점증하는 DOM 노드가 원인일 수 있습니다.

마지막으로, 측정 스니펫의 위치와 실행 시점을 문서화합니다. head 상단에 놓인 스크립트가 메인 스레드를 잠시 점유하면 이후 입력 지연이 과대평가될 수 있습니다. 팀 내에서 동일한 체크리스트를 공유하면 재현성이 빨리 올라갑니다.

이 글은 교육 과정에서 반복되는 질문을 바탕으로 작성되었으며, 특정 도구를 권장하지 않습니다. 환경마다 변수가 많으니 수치 자체보다 변화의 방향과 원인 가설을 기록하는 습관을 권장합니다.