코어 웹 바이탈: 정의 및 꼭 알아야 할 3가지 요소

    코어 웹 바이탈 이란?

    코어 웹 바이탈은 구글이 웹페이즤 전반적인 UX에서 중요하다고 생각하는 요소 들을 말한다.

    해당 기능은 3가지 특성을 바탕으로 측정된다.

    LCP, FID, CLS 등이다.

    구글 서치콘솔에서 기능을 확인할 수 있다.

    더 자세한 내용은 구글 서치콘솔 사용법: 총 정리 가이드(2021년) 에서 참고할 수 있다.

     코어 웹 바이탈: 정의 및 꼭 알아야 할 3가지 요소 이미지

    코어 웹 바이탈이 중요한 이유

    구글은 UX를 공식 구글 SERP 순위 요소에 영향을 주는 것으로 알려졌다.

    중요한 이유 이미지

    UX는 중요하다고 생각하는 요소들의 혼합이 될 수 있다.

    • HTTPS
    • 모바일 친화성
    • 팝업 X
    • 보안

    코어가 좋으면 좋을수록 SERP 순위에 영향이 있을 수 있지만 1위에 딱 오르게는 하지 못한다.

    실제로 구글은 UX가 검색에서 SERP 순위를 지정하는데 약 200개 요소 중 하나라는 점을 발표했다.

    그러나 최대한 향상 시키는 것이 좋다.

    체류 시간 상승시키는 비결 8가지 그리고 공유하고 싶지 않은 이탈률 개선 팁 7가지 같이 읽어보면 좋다.

     

    코어 웹 바이탈: 정의 및 꼭 알아야 할 3가지 요소

    1. 코어 웹 바이탈 기본 LCP

    LCP는 실제 사용자 관점에서 페이지가 로드되는 데 걸리는 시간이다.

    링크를 클릭한 후 대부분의 콘텐츠를 화면에서 보는 것이 중요하다.

    LCP는 페이지 속도 측정과 다르다.

    페이지 속도와 관련하여 정말 중요한 것, 즉 페이지를 보고 상호 작용할 수 있는 것에 중점을 둔다.

    Google PageSpeed Insights를 사용하여 LCP 점수를 확인할 수 있다.

    구글에는 LCP 지침이 있다.

    사이트 모든 페이지가 2.5초 이내에 LCP에 도달하기 원한다.

    LCP 기본 이미지

    • 불필요한 스크립트 제거: 불필요한 스크립트가 페이지 속도를 약 34ms 늦추는 것으로 나타났다.
    • 웹 호스트 업그레이드: 더 나은 호스팅은 더 빠른 로딩 시간을 가져온다.
    • 레이지 로딩 설정: 레이지 로딩을 사용하면 페이지를 아래로 스크롤 할때만 이미지가 로딩된다.
    • 큰 페이지 요소 제거: Google PageSpeed Insights는 페이지 LCP를 늦추는 요소 페이지를 말해준다.
    • CSS 최소화: 부피카 큰 CSS는 LCP 시간을 크게 지연시킬 수 있다.

    이러한 요소 개선들이 검색 의도 및 클릭률을 완화시켜주는 역할을 할 수 있다.

    더 자세한 내용은 클릭률: 더 많은 클릭을 부르는 방법 9가지 및 검색 의도: 6가지 증명된 사용자 파악 방법 에서 살펴보자.

     

    2. FID

    fid 이미지

    FID는 사용자가 페이지와 상호 작용하는지에 대한 문제를 찾는 것을 말한다.

    FID가 측정하는 것은 사용자가 페이지와 실제로 상호작용하는데 걸리는 시간을 말한다.

    구글은 UX에서 웹사이트와 상호작용하는 방식을 고려하기 때문에 FID를 중요하게 생각한다.

    FID는 기술적이르 페이지에서 어떤 일이 발생하는데 걸리는 시간을 측정한다.

    • 자바스크립트 최소화: 브라우저가 자바스크립트를 로드하는 동안 사용자가 페이지와 상호 작용하는 것은 불가능하기 때문에, 최소화 하는 것이 중요하다.
    • 불필요한 스크립트 제거: LCP와 동일합니다.
    • 브라우저 캐시: 페이지에 콘텐츠를 더 빨리 로드하는데 도움이 된다.

     

    3. CLS

    CLS 이미지

    CLS는 페이지가 로드될 때 페이지가 얼마나 안정적인지 말하는 것이다.

    페이지 요소가 로드될때 안정적이면 좋다.

    CLS를 최소화 하기 위해서는 아래 요소를 지키면 좋다.

    • 모든 미디어 동일한 크기 사용
    • UI 고정

    밈 이미지
    UX 중요하다우!

    결론

    많은 블로거가 모르는 기능의 중요성 및 방법에 대해서 알아봤다.

    간단히 정리하면 아래와 같다.

    1. LCP
    2. FID
    3. CLS

     

    티스토리 댓글 작성하기

    비즈니스 문의: vxev93@gmail.com

    자바스크립트를 허용해주세요.
    [ 자바스크립트 활성화 방법 ]
    from Mohon Aktifkan Javascript!