'다음 페인트에 대한 상호작용'은 공식적으로 코어 웹 바이탈이 되며 3월 12일에 최초 입력 지연을 대체합니다.
웹 바이탈 프로그램은 웹 개발자가 웹에서 사용자 환경의 주요 측면을 측정하는 데 도움이 되는 측정항목을 제공합니다. 최초 입력 반응 시간 (FID)은 프로그램의 반응성 측면을 나타내지만, 시간이 지남에 따라 FID가 아닌 웹에서의 상호작용 측면을 캡처하려면 새로운 측정항목이 필요하다는 사실이 분명해졌습니다. Chrome팀은 이러한 필요성을 인지하고 2022년 5월에 실험 측정항목으로 다음 페인트에 대한 상호작용 (INP)을 도입했습니다. 작년에 INP는 대기 중 측정항목이 되었으며, 2024년 3월에 INP가 안정화 상태로 승격된다고 발표했습니다.
오늘 Google에서는 올해 3월 12일에 INP가 공식적으로 Core Web Vitals가 되어 FID를 대체할 것이며, 이번 전환 과정에서 FID가 지원 중단될 예정임을 알려드립니다.
이 게시물에서는 Chrome팀에서 이번 변경에 대비하는 방법과 변경사항이 적용된 후 기대할 수 있는 사항에 대한 조언을 제공합니다.
어떻게 준비해야 하나요?
이 전환의 첫 번째 단계는 웹사이트의 INP가 '양호' 기준을 통과하는지 확인하는 것입니다. 모든 코어 웹 바이탈은 모든 페이지 로드의 75번째 백분위수에서 필드에서의 실적을 기준으로 점수가 매겨집니다.
INP에서 웹사이트의 실적을 확인하는 가장 쉬운 방법은 Chrome 사용자 환경 보고서 (CrUX)의 데이터를 표시하는 PageSpeed Insights를 사용하는 것입니다. CrUX는 웹 바이탈 프로그램의 공식 데이터 세트로, 웹사이트의 필드 데이터 소스로 사용할 수 있습니다.
필드 데이터의 또 다른 소스는 RUM (Real User Monitoring) 제공업체에서 제공하는 것이며, 이 제공업체에서는 현장에서의 웹사이트 성능을 관찰할 수도 있습니다. RUM 제공업체와 협력 중인 경우 제공업체의 INP 지원에 관해 문의하세요.
웹사이트의 INP가 '개선이 필요함' 또는 '나쁨' 카테고리에 속하는 경우 Google에서는 INP를 진단하고 문제를 해결하는 방법부터 시작하여 INP를 개선하는 데 도움이 되는 몇 가지 리소스를 준비했습니다.
문제가 무엇인지 파악한 후 다음 가이드를 사용하여 상호작용에서 최적화해야 하는 부분을 파악할 수 있습니다.
- 기본 스레드에서 많은 시간을 차지하는 JavaScript가 있는 경우 장기 작업을 최적화합니다. 페이지 로드 중에 기본 스레드에서 많은 긴 작업을 시작하는 기본 스레드 활동이 많이 발생하는 경우 과도한 스크립트 평가 작업과 관련된 문제일 수 있습니다.
- 상호작용이 처리를 시작하는 데 시간이 오래 걸리는 경우 입력 지연을 최적화하세요.
- 큰 DOM은 많은 렌더링 작업이 필요할 수 있으며 상호작용으로 인해 DOM이 변경되는 경우가 많습니다. 크고 복잡한 레이아웃 및 레이아웃 스래싱을 피하고 DOM 크기를 최소화하는 것이 좋습니다.
- 복잡한 CSS 선택자가 있는 경우 이 역시 사용자 상호작용에 대응하여 상당한 작업을 야기할 수 있습니다.
- 마지막으로, 웹사이트에서 자바스크립트를 통해 클라이언트에서 HTML의 대부분을 렌더링하는 경우 HTML의 클라이언트 측 렌더링이 상호작용에 어떤 영향을 미칠 수 있는지 알아야 합니다.
INP의 복잡성은 여러 방법으로 상호작용을 최적화할 수 있다는 것을 의미합니다. 하지만 그만한 가치가 있습니다. The Economic Times 및 redBus와 같은 여러 우수사례가 상호작용 지연 시간 단축이 비즈니스 성과에 어떻게 도움이 되는지에 관한 여러 가지 우수사례를 찾아볼 수 있었습니다. 사이트에서 INP를 최적화하면 목표 달성에도 도움이 될 수 있습니다.
INP가 코어 웹 바이탈이 되면 어떻게 되나요?
INP는 올해 3월 12일에 공식적으로 Core Web Vitals가 되어 FID를 대체할 것이라는 점을 다시 한번 말씀드립니다. 또한 FID는 더 이상 코어 웹 바이탈이 아니며 공식적으로 지원 중단되어 프로그램에서 삭제됩니다.
이에 따라 FID 문서가 변경될 수 있습니다. 역사적으로 중요한 FID 관련 문서는 계속 남아 있지만, 스트레스 FID의 지원 중단 상태와 INP 문서를 참고하기 위해 중요한 고지가 추가될 예정입니다. 다른 FID 중심 문서는 완전히 삭제되고 관련 INP 문서로 리디렉션될 수 있습니다.
FID는 여전히 많은 Google 도구에서 표현되지만 INP도 마찬가지입니다. 3월 12일에 INP가 Core Web Vitals가 되는 즉시 Google Search Console에서 FID가 삭제됩니다. PageSpeed Insights 및 CrUX와 같은 다른 모든 도구의 지원 중단 기간은 6개월로, 이를 통해 개발자에게 코드를 업데이트할 기회를 제공합니다.
마지막으로 INP가 Google 검색에서 코어 웹 바이탈에 포함되는 것이 어떤 의미인지 궁금하다면 Google 검색 센터의 INP 공지사항 게시물을 참고하세요.
앞으로 나아갈 길
코어 웹 바이탈에 INP를 포함하는 것은 지난 2년 동안 신중하게 계획되었으며 이는 중요한 진전을 의미합니다. 웹에서의 응답성에 대한 INP의 전체적인 접근방식은 개발자가 사용자 환경의 이러한 중요한 측면을 더 잘 평가하고 개선하는 데 도움이 되며 시간이 지남에 따라 웹의 응답성을 높이는 데 도움이 될 것입니다. 3월 12일에 INP가 Core Web Vitals가 되기로 하고 있으므로 개발자가 이 시간을 들여 INP 성능을 이해하고 최적화하시기 바랍니다.
늘 그렇듯이 궁금한 점이나 우려사항이 있다면 web-vitals-feedback@googlegroups.com으로 INP, FID 또는 웹 바이탈 프로그램의 기타 측정항목과 관련된 의견을 보내주세요.