상호작용을 다음 페인트로 진행

INP는 더 이상 실험용이 아닙니다. 2024년 Chrome을 Core Web Vitals로 만들기 위한 Chrome의 계획을 알아보세요.

Annie Sullivan
Annie Sullivan

<ph type="x-smartling-placeholder">

웹 바이탈 프로그램을 통해 Chrome이 추구하는 사명은 개발자가 우수한 사용자 환경에 필수적인 측정항목인 코어 웹 바이탈에 집중할 수 있도록 돕는 것입니다. 우리가 중점을 두고 있는 사용자 경험의 한 가지 중요한 측면은 응답성입니다. 반응성은 페이지가 사용자 상호작용에 빠르게 반응하는 능력입니다.

첫 입력 지연 (FID)은 응답성을 측정하는 Core Web Vitals 측정항목이지만 이전에 작성한 것처럼 FID에 알려진 제한사항이 있습니다. 이를 통해 이러한 한계를 보다 효과적으로 해결할 수 있는 실험용 측정항목을 살펴보고 의견을 구했습니다. 2022년 Google에서는 새로운 측정항목으로 Interaction to Next Paint (INP)를 발표했으며, Google 도구에서 널리 사용할 수 있도록 했으며, 커뮤니티와 협력하여 그 효과를 테스트하기 시작했습니다.

커뮤니티로부터 1년간의 테스트와 의견을 수집한 후, 이제 INP를 더 이상 실험적인 기능으로 탈바꿈시킬 준비를 마쳤습니다. 또한 2024년 3월부터는 INP를 응답성을 위한 새로운 Core Web Vitals 측정항목으로 홍보하여 FID를 대체하기 위해 노력하고 있습니다.

이 게시물에서는 이러한 결정을 내린 동기, 변경사항, 시작하는 방법에 대해 자세히 알아보겠습니다. 이러한 변경사항이 Google 검색에 미치는 영향에 관한 자세한 내용은 블로그 게시물을 참고하세요.

응답성 측정항목 개선

2020년에 Core Web Vitals로 FID를 도입했을 때 FID는 큰 진전을 이루었습니다. 실제 사용자가 경험한 대로 반응성을 측정할 수 있는 새로운 방법을 개발자에게 제공했습니다. 이는 항상 Web Vitals 프로그램에서 중요한 부분이었습니다. 총 차단 시간 (TBT)상호작용까지의 시간 (TTI)과 같이 페이지 상호작용만 추정하는 유사한 측정항목과 달리 FID는 사용자 경험을 직접 측정합니다. 결정적으로 페이지의 TBT 또는 TTI가 느리더라도 실제 사용자가 페이지와 상호작용하는 방식 때문에 여전히 반응형으로 인식될 수 있습니다.

FID로 응답성을 측정하는 방법은 개선되었지만 FID에도 한계가 있었습니다. 이름 자체로 '최초 입력'이라는 두 가지 제한을 알 수 있습니다. '지연' 등이 있습니다 FID는 사용자가 페이지와 처음 상호작용할 때의 반응성만 보고합니다. 첫인상이 중요하지만 첫 번째 상호작용이 페이지의 수명 주기 동안 이루어진 모든 상호작용을 대표하는 것은 아닙니다. 또한 FID는 첫 번째 상호작용의 입력 지연 부분만 측정합니다. 첫 번째 상호작용은 상호작용 처리를 시작하기도 전에 브라우저가 대기해야 하는 시간 (기본 스레드 혼잡성으로 인해)을 나타냅니다.

INP를 입력하세요. INP는 첫 번째 상호작용만 측정하는 대신 모든 상호작용을 고려하여 페이지의 전체 기간 중 가장 느린 상호작용 중 하나를 보고합니다. 또한 INP는 지연 부분만 측정하는 것이 아니라 상호작용 시작부터 이벤트 핸들러를 통해 브라우저가 다음 프레임을 그릴 수 있을 때까지의 전체 기간을 측정합니다. 따라서 Next Paint에 대한 상호작용입니다. 이러한 구현 세부정보를 통해 INP는 FID보다 사용자 인식 반응성을 훨씬 더 포괄적으로 측정할 수 있습니다.

진화하는 INP

오늘부터 INP는 더 이상 실험용이 아니며 대신 대기 중인 Core Web Vitals 측정항목으로 간주됩니다. 이는 INP에서 FID를 대체할 준비가 되었음을 증명하기 위해 새롭게 지정된 것으로, 아직 변경되지는 않았습니다. 생태계에 적응할 시간을 제공하기 위해 INP는 2024년 3월에 공식적으로 Core Web Vitals 측정항목이 될 예정입니다.

<ph type="x-smartling-placeholder">
</ph> 2022년 5월에 Chrome에서 INP를 실험적으로 지원한다고 발표한 시점부터 오늘, Chrome에서 INP가 현재 실험 대상이 아닌 Core Web Vitals 측정항목임을 발표하는 오늘, 마지막으로 INP가 FID를 대체하는 안정적인 Core Web Vital 측정항목인 2024년 3월까지 INP 단계의 일정을 보여주는 그래픽입니다. <ph type="x-smartling-placeholder">
</ph> INP 단계의 타임라인을 보여주는 그래픽

Google 도구 전반에 걸쳐 experimental 접두사 또는 아이콘이 없는 INP가 표시되기 시작합니다. 다음 API에서 프로그래매틱 방식으로 INP 데이터를 사용하는 경우 비실험용 INP 필드로 전환하도록 코드를 업데이트해야 합니다.

도구 지원 중단된 필드 새로운 필드
CrUX API experimental_interaction_to_next_paint interaction_to_next_paint
CrUX 히스토리 API experimental_interaction_to_next_paint interaction_to_next_paint
CrUX BigQuery experimental.interaction_to_next_paint interaction_to_next_paint
PageSpeed Insights API experimental_interaction_to_next_paint interaction_to_next_paint
Lighthouse 보고서* experimental-interaction-to-next-paint interaction-to-next-paint
<ph type="x-smartling-placeholder">
</ph> 이전 및 새 INP 필드 이름에 대한 API 맵입니다.
* Lighthouse는 버전 11에서 실험용 INP 필드 사용을 중지합니다.

전환을 쉽게 하고 다운스트림 애플리케이션이 중단되지 않도록 이 API는 앞으로 90일 동안 실험용 INP 필드를 계속 제공합니다. 실험용 INP 필드에 대한 API 지원이 2023년 8월 8일에 종료됩니다.

한편 FID는 2024년 3월까지 Core Web Vital로 유지됩니다. 이때 INP는 최대 콘텐츠 페인트 (LCP)누적 레이아웃 변경 (CLS)을 3가지 안정적인 Core Web Vitals로 통합할 예정입니다. 향후 업데이트에서는 정확한 변경 시기와 FID가 Core Web Vital로 대체된 후의 계획에 관한 자세한 정보를 공유할 예정입니다.

INP 시작하기

양호한 INP 값은 200밀리초 이하, 좋지 않은 값은 500밀리초 이상이며, 그 사이의 모든 값은 개선이 필요합니다.

INP가 2024년에 Core Web Vital이 되어 개선을 시작하시기를 기다리세요. 휴대기기에서 FID 성능이 우수한 사이트의 93%에 내 웹사이트가 포함되어 있을 수 있습니다. 그러나 휴대기기에서 양호한 INP를 가진 사이트는 65%에 불과하다는 사실을 알고 놀랄 수도 있습니다. INP는 응답성을 훨씬 더 정확하게 보여주므로 이러한 수치는 개선의 여지를 더 명확하게 파악하는 데 도움이 됩니다.

사이트에 INP 문제가 있는지 여부, 해결 방법, INP에 관한 모든 사항은 INP 최적화 가이드부터 확인해 보시기 바랍니다. 대응성에 대해 처음 배우는 초보자도, 실적 전문가인 초보자도 누구나 INP를 측정하고 최적화하는 방법을 최대한 쉽게 배울 수 있도록 많은 새로운 안내를 추가했습니다.

INP가 학습하는 데 다소 시간이 걸릴 수 있지만 괜찮습니다. 가장 큰 ROI로 최적화에 집중하실 수 있도록 올해 초 Google에서는 블로그 게시물을 게시하여 Core Web Vitals 개선을 위한 가장 효과적인 권장사항을 정리했습니다. 특히 FID 및 INP 최적화에 동일하게 적용되는 세 가지 필수 기법(긴 작업의 방지 또는 분할, 불필요한 JavaScript 방지, 대규모 렌더링 업데이트 방지)에 대해 작성했습니다. 이러한 INP 최적화 기법을 비롯한 여러 INP 최적화 기법을 Google 문서에서 자세히 알아볼 수 있습니다.

앞으로 나아갈 길

응답성에 대한 새로운 기준이 설정되었으며, 더 나은 사용자 환경을 위해 커뮤니티가 도전에 맞서는 것을 보게 되어 기쁩니다. 초기의 의견우수사례는 긍정적이었지만 많은 분들께는 어렵고 익숙하지 않은 여정이 될 수 있다는 점을 잘 알고 있습니다. Google은 개발자에게 도움이 되도록 개선된 진단, 도구, 문서를 통해 이 여정을 최대한 수월하게 만들기 위해 노력하고 있습니다.

2024년 3월에 있을 INP의 정확한 지원 종료 날짜에 관한 업데이트를 계속 기대해 주세요. 더 이상 실험용은 아니지만 INP와 웹 바이탈 프로그램을 전반적으로 개선하는 데 도움이 되도록 web-vitals-feedback@googlegroups.com으로 언제든지 의견을 보내주세요.