LCP, CLS 문제 해결법) 구글 핵심적인 웹 지표 최적화 하는 법!

안녕하세요,  Hisabori입니다.
오늘은 구글 검색 최적화 방법에 대해 알아보려고 합니다.

바로 'LCP' / 'CLS' 최적화 인데요.
구글 서치콘솔에서는 이를 '핵심적인 웹 지표' 라고 합니다.

 

 

 

구글 서치콘솔에 설명 되어 있는 LCP, CLS 의 뜻은 다음과 같습니다.

LCP란?

페이지에서 가장 큰 시각적 요소를 렌더링하는 데 걸리는 시간.

LCP 수치에 따른 웹사이트 / 티스토리 최적화 정도는 다음과 같습니다.

정상 범위: 2.5초 이내 / 개선 권장: 2.5초 이상~4초 이하 / 개선 필수: 4초 초과

 

CLS란?

페이지 로드 중 페이지 UI가 이동하는 정도.

CLS 역시 아래에 따라 웹사이트 최적화 정도가 달라집니다.

정상 범위: 0.1미만 / 개선 권장: 0.1 이상 0.25 이하 / 개선 필수: 0.25 초과 

 

이 외에도 FID 라는 것도 있는데, 이 FID는 '페이지가 사용자 동작에 반응하는 데 까지 걸리는 시간' 을 나타냅니다.

 

최적화 하는 법은 티스토리 기준, 관리자 메뉴로 들어가 꾸미기-모바일 을 선택하여, '모바일 페이지 사용' 을 선택하시면 됩니다.

 

 

최적화 전

최적화 전

퍼포먼스가 낮은 것을 알 수 있습니다. 이는, 사이트 로딩 속도가 현저히 낮다는 것을 의미하며 SEO에 영향을 미칠 수 있으므로 최적화가 필요하다고 할 수 있습니다.

 

최적화 후

웹 사이트 최적화가 진행된 뒤의 모습이다. 사진에서 보이듯, 성능 최적화가 된 것을 알 수 있다.

모바일로 티스토리 접속 시 모바일 페이지로 넘어가게 설정한 뒤의 모습입니다. 수치에서 볼 수 있듯이 웹 사이트의 성능이 대폭 향상된 것을 알 수 있습니다.

 

이번 글, 어떻게 보셨나요?

도움이 되었다면 공감 하나씩^^

감사합니다.