코어 웹 바이탈(Core web vitals)은 웹 페이지 로딩 속도, 모바일 친화성, 세이프 브라우징, 암호화(HTTPS적용 여부), 방해요소 여부 등 웹 콘텐츠 이용자의 사용 경험에 영향을 미치는 다양한 측정 가능한 값들 중에서 구글이 중요하다 강조하는 3가지 메트릭스다.
즉, 웹사이트 방문자들의 경험을 좌우하는 핵심 지표를 의미한다.
LCP(Largest Contentful Paint)는 웹 페이지의 로딩 속도에 대한 지표로서 뷰포인트 중에서 가장 큰 요소인 메인이나 섹션뿐 아니라 제목, div, 양식 요소를 포함하는데 텍스트 요소가 포함된 모든 HTML 요소들이 브라우저 화면에서 렌더링 완료까지 걸리는 시간의 길이이다.
FID(First Input Delay, 혹은 TBT)는 웹 페이지와 사용자간 상호 작용에 대한 매트릭스다. 브라우저에서 다음 액션이 가능하게 되는 시간까지의 길이를 측정한 시간 지표이고, 낮을수록 좋다.
CLS(Cumulative Layout Shift)는 비주얼 안정성에 대한 매트릭스다. 낮은 점수를 받으면 사용자에게 좋은 혹은 안정적인 레이아웃이라고 말할 수 있다. 0.1 이하면 양호하고, 0.1~ 0.25면 개선이 필요하고 0.25 이상이면 나쁜 상태이다.
반드시 해내는 프론트엔드 개발자