웹 바이탈(Core webvital)

terry yoon·2021년 9월 1일
0

웹 바이탈을 구글에서 페이지에 대한 사용자 경험을 측정하기 위해 여러 기준을 두어 페이지를 평가하는 지표를 의미한다.

이중 3가지의 핵심 지표가 사용자의 경험을 좌우하는 중요한 지표라고 할 수 있다.

1) LCP(Largest Contentful Paint)

  • 처음 페이지를 방문하여서 뷰포트에 해당하는 텍스트 및 이미지 파일이 로드되고 그려져(Paint) 랜더링이 완료되는 시간을 의미한다. 여기서 뷰포트란 사용자가 화면을 스크롤하지 않고 볼 수 있는 화면을 의미한다.

2) FID(First Input Delay)

  • 사용자가 웹 페이지에서 제공하는 링크나 버튼 혹은 자바스크립트 기반의 콘트롤을 할 경우에 다음 동작을 수행할 수 있을 때까지의 시간의 길이를 말한다. 다른 말로 TBT(Total Blocking Time)이라고 표현되며, 사용자가 입력을 할 수 없는 시간의 총 합을 의미한다. 즉, 해당 지표가 중요하게 보는 것은 해당 액션을 처리하는데 걸리는 시간이 아니라 해당 입력이 지연되는 시간의 길이이다.

3) CLS(Cumulative Layout Shift)

  • 사용자에게 안정적인 레이아웃을 제공하는지 여부를 측정하는 것으로, 페이지 내에서 레이아웃의 변경/이동 거리의 합산을 지표화한 것이다.
profile
배운 것을 기록하는 FrontEnd Junior 입니다

0개의 댓글