핵심 요약
2024년 3월 현재 공식 Core Web Vitals 지표인 INP에 대해 알아야 할 모든 것입니다.
반응형 웹사이트 및 INP
귀하의 사이트는 빠르게 열릴 수 있지만 사용자가 버튼을 클릭할 때 얻는 반응은 얼마나 빠릅니까? INP(다음 페인트에 대한 상호 작용) 측정항목은 페이지 수명 전체에 걸쳐 사용자가 수행하는 모든 상호 작용의 지연을 측정하고 200ms 미만을 '양호'한 것으로 간주합니다.
INP 점수를 파괴하는 요인
일반적으로 메인 스레드를 매우 바쁘게 유지하는 긴 JavaScript 작업(Long Tasks)은 INP의 적입니다. 애니메이션이 실행 중이거나 대량의 데이터가 처리되는 동안 사용자의 클릭에 응답이 없으면 INP 점수가 높아집니다.
최적화 방법?
- 코드 분할: 동적 가져오기를 사용하여 큰 JS 파일을 여러 조각으로 분할합니다.
- 웹 작업자: 무거운 계산을 백그라운드 스레드로 옮깁니다.
- 수율 전략: 긴 작업 브라우저에 시간을 좀 주세요.
scheduler.yield()로 분할하여 여유 공간을 확보하세요. - 디바운스/제한: 자주 트리거되는 이벤트 핸들러를 최적화합니다.
관련 서비스
Meta 광고 및 퍼포먼스 마케팅
서버 CAPI 트래킹을 통한 광고 예산 낭비 차단 및 입증 가능한 ROAS 스케일링
