2023/05/10: 구글 크롬팀 - Core Web Vitals의 INP 정식 업데이트 내용 발표
FID -> INP
- 2024년에는
INP(Interaction to Next Paint)가FID(First Input Delay)를 대체
FID : First Input Delay
- 최초 입력 지연
- 사용자가 특정 페이지에서 첫 번째 상호 작용 (클릭, 터치, 입력, 자바스크립트 이벤트 실행 등)과 브라워의 실제 응답시간을 측정하는 성능 지표
- 사용자가 웹 페이지와 상호 작용하고자 할 때 브라우저가 얼마나 빨리 응답하는지를 나타냄
- 상호작용을 감지한 후 처리를 시작하느 시점을 측정
Core Web Vitals중 하나였지만 INP로 대체 예정이다
Why? 왜 대체를 하는걸까?
Limitations of FID
FID는 최초 상호작용에 대해서만 측정- 하지만 최초 상호작용이 항상 페이지의 전반적인 인터랙션을 대표하진 않는다
FID의 실제 상호작용이 시작하기 전에 메인 스레드에서 실행되고 있는 백그라운드 작업 또한 의도치 않은 영향을 미칠 수 있다
INP : Interaction to Next Paint
INP는 페이지의 모든 상호작용을 측정 하며 페이지 라이프사이클 중 가장 느린 이벤트에 대한 측정 도출- 딜레이만 계산하는 것이 아니느 상호작용의 시작부터 이벤트 핸들러 이후 다음 프레임을 페인트 하는 시간까지의 측정
INP가 측정하는 이벤트:
- ✅ 마우스 클릭
- ✅ 터치스크린 터치
- ✅ 키보드 클릭
- ❌ 호버 이벤트
- ❌ 스크롤 이벤트 (마우스 스크롤)
- ✅ 스크롤 이벤트 (키보드 방향키)
- 키보드 이벤트 중
keydown,keypress,keyup, 탭 이벤트pointerup,pointerdown중 duration이 가장 길었던 이벤트 기준으로interaction's latency측정
🌟FID, INP 둘 다 측정 기준에 해당하는 이벤트 상호작용이 있어야 측정이 시작된다.
참조
조하운