2. 코어 바이탈

Core Web Vitals 은 Web Vitals의 하위 집합

기존의 지표들이 조금 많아, 성능 개선 관점에서 개발자에게 실질적으로 필요한 지표들만 모은 핵심 지표

코어 바이탈은 크게 세 가지로 구성됨

• 컨텐츠의 로딩 속도(LCP)
• 사용자와의 상호작용성(INP)
• 페이지의 시각적 안정성(CLS)

한줄 요약
웹 바이탈의 기존 지표들 중에서 성능 개선에 실질적으로 도움이 될 지표들만 모은 핵심 지표

1-1. LCP, Largest Contentful Paint

• LCP 는 페이지 내 컨텐츠 로딩 속도(Loading Performance)와 관련된 성능 지표로,
  사용자가 페이지에 진입한 후, 컨텐츠가 화면에 렌더링되는데 걸린 시간을 가리킴
• LCP의 어원적 의미는 페이지에 나타날 가장 큰 컨텐츠가 화면에 그려지는 시점을 뜻함

1-2. INP, Interaction to Next Paint

• INP 는 페이지 내 사용자와의 상호작용성(Interactivity)과 관련된 성능 지표로,
  마우스 클릭이나 키보드 입력과 같이 사용자가 화면에 입력한 이벤트에 따라 화면이 반응하기까지 걸리는 시간을 가리킴

1-3. CLS, Cumulative Layout Shift

• CLS 는 페이지 내 시각적 안정성(Visual stability)과 관련된 성능 지표로,
  화면에 표시된 HTML 요소들의 위치가 예기치 않게 변경됨에 따라 사용자 경험에 얼마나 악영향을 끼치는지를 가리킴

다른 웹 바이탈 지표