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