웹에서 Web Vitals 중 FID(First Input Delay)를 대체한 INP(Interaction to Next Paint)란?

어려움 MDN Web Docs

보기 및 정답

A 브라우저가 HTML과 CSS를 파싱하여 화면에 첫 번째 픽셀을 렌더링하기까지 걸리는 시간을 측정하는 지표이다

B 사용자의 모든 상호작용(클릭, 탭, 키 입력)에서 입력부터 다음 화면 업데이트까지의 지연 시간을 종합적으로 측정하는 반응성 지표이다

C 서버가 클라이언트의 HTTP 요청을 수신한 후 응답 데이터를 네트워크를 통해 전송을 완료하기까지 걸리는 전체 응답 속도를 측정하는 지표이다

D 브라우저가 페이지에 포함된 이미지 리소스를 다운로드하고 디코딩하여 화면에 렌더링 완료하기까지의 속도를 측정하는 지표이다

INP는 FID(첫 번째 입력만 측정)를 대체하여 2024년 3월부터 Core Web Vitals에 포함된 지표입니다. 페이지 수명 동안 발생하는 모든 상호작용의 지연을 관찰하고, 가장 느린 것(또는 대표값)을 보고합니다. 200ms 이하가 좋은 INP입니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

로그인