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

INP는 더 이상 실험용이 아닙니다. 2024년에 Chrome을 코어 웹 바이탈로 만들기 위한 Chrome의 계획을 알아보세요.

애니 설리반
애니 설리반

웹 바이탈 프로그램과 관련된 Chrome의 사명은 개발자가 훌륭한 사용자 환경에 필수적인 측정항목인 코어 웹 바이탈에 집중할 수 있도록 돕는 것입니다. 우리가 집중해 온 사용자 환경의 한 가지 중요한 측면은 반응성입니다. 즉, 웹페이지가 사용자 상호작용에 빠르게 반응하는 능력입니다.

최초 입력 반응 시간 (FID)은 응답성을 측정하는 코어 웹 바이탈 측정항목이지만, 이전에 작성했듯이 FID에는 알려진 제한사항이 있습니다. 이를 통해 이러한 한계를 보다 효과적으로 해결하는 실험적 측정항목을 탐구하고 의견을 구했습니다. 2022년에 Google은 새로운 측정항목으로 INP (다음 페인트에 대한 상호작용)를 발표하여 도구에서 널리 사용할 수 있도록 만들었으며, 커뮤니티와 협력하여 효과를 테스트하기 시작했습니다.

1년 동안 테스트를 진행하고 커뮤니티 의견을 수집했으며 이제 학습의 부담을 덜고 INP가 더 이상 실험용이 아님을 발표할 준비가 되었습니다. 또한 2024년 3월부터는 FID를 대체하는 새로운 코어 웹 바이탈 측정항목으로 INP를 홍보하기 위해 노력하고 있습니다.

이 게시물에서는 이러한 결정을 내린 동기와 정확히 무엇이 변경되며, 시작하는 방법을 자세히 설명합니다. 이 변경사항이 Google 검색에 미치는 영향에 관한 자세한 내용은 블로그 게시물을 참고하세요.

응답성 측정항목 개선

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

이를 통해 반응성을 측정하는 방식은 개선되었지만, FID에도 한계가 있었습니다. 이름 자체에도 '첫 입력'과 '지연'이라는 두 가지 제한이 있습니다. FID는 사용자가 페이지와 처음 상호작용할 때의 반응성만 보고합니다. 첫인상이 중요하지만 첫 번째 상호작용이 페이지의 전체 기간에 걸친 모든 상호작용을 반드시 나타내지는 않습니다. 또한 FID는 첫 번째 상호작용의 입력 지연 부분만 측정합니다. 입력 지연은 상호작용 처리를 시작하기도 전에 브라우저가 기본 스레드의 혼잡으로 인해 대기해야 하는 시간입니다.

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

진화하는 INP

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

2022년 5월에 Chrome이 INP에 대한 실험용 지원을 발표한 시점부터 2023년 5월까지 Chrome에서 INP가 현재 비실험용의 보류 중인 Core Web Vital 측정항목임을 발표하는 시점까지, 그리고 마지막으로 INP가 안정적인 Core Web Vitals 측정항목이 되어 FID를 대체하는 2024년 3월까지 INP 단계의 타임라인을 보여주는 그래픽
INP 단계의 타임라인을 보여주는 그래픽

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

도구 지원 중단된 필드 새로운 필드
CrUX API experimental_interaction_to_next_paint interaction_to_next_paint
CrUX History 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
이전 및 새 INP 필드 이름에 API를 매핑합니다.
* Lighthouse는 버전 11부터 실험용 INP 필드를 더 이상 사용하지 않습니다.

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

한편 FID는 2024년 3월까지 Core Web Vitals 상태로 유지됩니다. 이에 따라 INP는 최대 콘텐츠 렌더링 시간 (LCP)누적 레이아웃 변경 (CLS)이 세 가지 안정적인 Core Web Vitals로 합류할 예정입니다. 향후 업데이트에서는 정확한 변경 시점과 FID가 Core Web Vitals로 대체된 후 계획에 대한 자세한 정보를 공유할 예정입니다.

INP 시작하기

적절한 INP 값은 200밀리초 이하이고, 좋지 않은 값은 500밀리초보다 크고, 그 사이의 값은 개선이 필요합니다.

INP가 2024년에 Core Web Vitals가 될 때까지 기다렸다가 INP를 개선하세요. 내 웹사이트는 휴대기기에서 FID 실적이 좋은 사이트 중 93%에 속할 수 있습니다. 하지만 휴대기기에서 우수한 INP를 보유한 사이트는 65%에 불과하다는 사실을 알고 놀랄 수도 있습니다. INP는 응답성을 훨씬 더 정확하게 나타내므로 이 수치를 통해 개선의 여지가 있는 부분을 더 명확하게 파악할 수 있습니다.

사이트에 INP 문제가 있는지 여부, 문제 해결 방법, INP와 관련된 모든 사항을 알아보려면 INP 최적화 가이드를 먼저 확인하는 것이 좋습니다. 응답성을 처음 배우는 사용자든 성능 전문가든 누구나 INP를 측정하고 최적화하는 방법을 쉽게 배울 수 있도록 새로운 안내를 많이 추가했습니다.

INP를 학습하는 데 시간이 걸릴 수 있으며 괜찮습니다. 올해 초 Google에서는 ROI가 가장 높은 최적화에 집중하는 데 도움이 되도록 코어 웹 바이탈 개선을 위한 가장 효과적인 권장사항을 안내해 드리는 블로그 게시물을 게시했습니다. 특히, FID 및 INP 최적화에 동일하게 적용되는 세 가지 필수 기술인 긴 작업 방지, 불필요한 자바스크립트 피하기, 대규모 렌더링 업데이트 방지에 관해 살펴봤습니다. 이러한 방법과 다른 많은 INP 최적화 기법에 대한 자세한 내용은 문서를 참조하세요.

앞으로 나아갈 길

응답 속도에 대한 새로운 기준이 정해졌습니다. 커뮤니티가 더 나은 사용자 환경을 위한 도전에 나선다는 사실에 큰 기대를 걸고 있습니다. 초기의 의견우수사례는 긍정적이었지만 많은 분들이 길고 익숙하지 않은 여정이 될 수도 있다는 점을 잘 알고 있습니다. Google은 개발자가 과정을 진행하는 데 도움이 되는 개선된 진단, tools, 문서를 통해 이러한 과정을 최대한 수월하게 진행하기 위해 노력하고 있습니다.

2024년 3월에 INP의 정확한 지원 종료 날짜를 알려드릴 예정입니다. 이 측정항목은 더 이상 실험용이 아니지만 web-vitals-feedback@googlegroups.com을 통해 언제든지 INP와 웹 바이탈 프로그램을 개선하는 데 도움이 되는 의견을 보내주세요.