구글 웹 바이탈(Web Vitals) 이란?

안녕하세요:) 알씨타운입니다.

오늘의 기술리뷰는 Core Web Vitals입니다.

다들 한 번씩 사이트를 들어가면서

접속이 느린 페이지를 종종 보셨으리라 생각합니다.

​

​

처음 사이트를 제작하셨는데,

속도가 너무 느려

사이트를 최적화할 게 무엇인지 잘 모르신다면,

​

이번 포스팅이 도움이 되었으면 좋겠습니다.

코어 웹 바이탈(Core Web Vitals)은 웹 콘텐츠 이용자의

사용 경험에 영향을 미치는 다양한 측정값을 이릅니다.

간단하게 말하자면,

웹 페이지에 접속, 이동, 클릭 같은 다양한

사용자의 행위를 측정한 값이라고 생각하시면 됩니다.

​

구글에서는 특히 3가지

LCP / FID / CLS 를 중요하게 생각합니다.

​

LCP는 HTML 즉, 브라우저 화면에

전체가 렌더링 완료되는 시간을 말합니다.

홈페이지 화면에 필요한 이미지, 텍스트 등 다양한 요소 모두가

전체 노출되는 시간을 말합니다.

​

LCP를 개선하기 위해서는

레이아웃을 변경해서 가벼운 형식으로

전체를 불러오는 시간을 단축시켜야 합니다.

​

FID는 웹페이지와 사용자간의 상호작용을 이릅니다.

간단하게 말하자면,

브라우저에서 클릭하게 되었을 때

페이지가 어떠한 액션을 취하게 되는 시간을

말합니다.

​

FID를 개선하기 위해서는

사용자에게 필요한 코드만 전송하도록

코드의 최소화를 하여

프로세스가 심플하게 돌아가도록 해야 합니다.

​

CLS은 비쥬얼 안정성에 대한 지표입니다.

이 부분이 어려울 수 있는데

예기치 않은 페이지로 이동하게 되는 상황들이

놓이게 되는데 예를 들어

버튼이 비동기식이어서(다 불러오지 못해도 다음을 실행 가능)

원래 눌러야 하는 버튼을 누르지 못하고

다른 버튼을 누른 경험 있지 않으신가요?

​

이런 경험은 사실 짜증나는 경험일 수 있으나,

어쩌면 심각한 문제로 이어질 수 있습니다.

​

CLS를 개선하기 위해서는

미디어 사이즈와 비디오 사이즈

같은 로딩을 길게 하는 것을 주의하고

과도한 애니메이션을 자제하는 편이 좋습니다.

​

​

이 세 가지의 측정값은 SEO에 중요한 영향을 끼칠 수 있습니다.

​

구글 SEO에서 Web Vitals이 중요한 영향을 끼친다고

직접적으로 언급하지는 않았지만,

랭킹 알고리즘 자체가 소비자의 페이지 경험을 기반으로 하고

그것이 SEO에 영향을 주기 때문에

​

소비자의 페이지 경험을 개선하는

Web Vitals 은 SEO에 중요한 의미를 갖는다고 할 수 있을 것입니다.

​

​

이상 알씨타운이었습니다. :)