Core Web Vitals

구글에서는 사용자가 사용하기에 편리한 웹페이지를 정하고 순위에 따라 검색시 상단에 노출시켜줍니다. 이때 사용하는 지표중 하나가 Core Web Vitals입니다.

 

Core Web Vitals이란?

웹페이지 로딩에 걸리는 시간을 여러 세부 지표로 나눈것입니다.

세부지표 항목은 다음과 같습니다.

 

First Contentful Paint (FCP)

Largest Contentful Paint (LCP)

First Input Delay (FID)

Time to Interactive (TTI)

Total Blocking Time (TBT)

Cumulative Layout Shift (CLS)

 

1.First Contentful Paint (FCP)

페이지가 로딩된 시점부터 콘텐츠의 일부(텍스트, 배경등의 이미지등)가 노출될때까지 걸리는 시간입니다.

출처 : web.dev

2.Largest Contentful Paint (LCP)

페이지에 포함된 가장 큰 이미지나 텍스트가 보여지는 시간입니다.

 

3.First Input Delay (FID)

사용자가 페이지에서 첫 상호작용을 일으키는데 걸리는 시간입니다. 예를 들어 버튼이나 이미지를 클릭하는 등의 행동입니다.

 

4.Time to Interactive (TTI)

페이지의 첫 노출시간부터 사용자의 상호작용이 끝나는 시간까지를 측정한 것입니다.

 

5.Total Blocking Time (TBT)

FCP부터 TTI까지의 시간을 측정한 것입니다.

 

6.Cumulative Layout Shift (CLS)

예상치 못한 레이아웃 시피트의 수를 전부 더한 값입니다.

첨부된 파일은 이해를 위한 영상입니다.

layout-instability2.webm

0.20MB

 

출처 : web.dev

 

7.결론

Core Web Vitals 측정지표들은 사용자들에게 최적의 환경을 제공하기 위한 것임을 알 수 있습니다. 따라서 서 구글은 사용자 편의성을 고려한 웹사이트에게 높은 점수를 주며, 해당 페이지를 더 잘 검색될 수 있도록 배치할 것입니다.