Largest Contentful Paint (LCP) 최적화 개선 방법

    내가 쓴 글이 구글에서 더 높은 순위에 오르길 원하는가?

    웹사이트를 로딩하는 데 시간이 너무 오래 걸려 트래픽이 줄고 있는가?

    테크니컬 SEO에서도 빠른 로딩 속도는 사용자의 만족도를 높이고 전환 가능성을 높일 뿐만 아니라 구글에서 순위를 높이는 데도 도움이 될 수 있다.

    실제로 구글은 웹사이트 속도를 순위 요소로 인식하며 특히 웹사이트의 코어 웹 바이탈에 영향을 미치는 방식과 관련하여 더욱 그렇다.

    구글의 코어 웹 바이탈 내(구글 서치콘솔에서 확인 가능)에서 웹사이트의 LCP(Largest Contentful Paint) 속도는 가장 중요한 사이트 속도 지표이며 대부분 웹사이트나 블로그에서 어려움을 겪고 있는 지표이기도 하다.

    이 글을 통해, Largest Contentful Paint (LCP) 최적화 개선 방법에 대해서 알아보자.

     


     

    작가 소개

    작가 소개 이미지

     


     

     

    Largest Contentful Paint (LCP) 최적화 개선 방법
    코딩을 하는 모습

     

    Largest Contentful Paint (LCP) 최적화 개선 방법

    Largest Contentful Paint (LCP)는 무엇인가?

    LCP(Largest Contentful Paint)는 웹 페이지를 연 후 기본 페이지 콘텐츠가 나타나는 속도를 측정한다.

    LCP는 웹 사이트 방문자가 기본 페이지 콘텐츠를 볼 수 있는 시간을 표시한다.

    해당 속도가 빠를수록 방문자 및 검색엔진은 SEO 점수를 부여한다.

    일반적으로 페이지에서 가장 큰 콘텐츠는 텍스트 요소 또는 이미지이다.

    Largest Contentful Paint (LCP)는 무엇인가
    Largest Contentful Paint (LCP) 예시

     

    Largest Contentful Paint (LCP)가 SEO에 중요한 이유

    LCP(Largest Contentful Paint)는 구글이 순위 요소로 사용하는 코어 웹 바이탈 보고서 지표 중 하나이다.

    웹사이트 로딩 속도가 느리면 구글에서 순위가 낮아질 수 있다.

    구글은 실제로 Chrome 사용자의 데이터를 사용하여 사이트가 코어 웹 바이탈 벤치마크를 충족하는지 여부를 결정한다.

    세 가지 코어 웹 바이탈 지표 중에서 LCP는 웹 사이트에서 가장 어려움을 겪는 지표이다.

    집계 데이터에 따르면 모바일 웹사이트의 49.8% 만이 좋은 로딩 시간 경험을 제공한다.

    Largest Contentful Paint (LCP)가 SEO에 중요한 이유
    출처: HTTPArchive.org의 스크린샷

     

    Largest Contentful Paint (LCP) 시간은 무엇인가?

    LCP(Largest Contentful Paint) 시간은 2.5초 미만이다.

    웹사이트가 이 요구 사항을 충족하면 양호 등급을 받는다.

    LCP가 4초를 초과하면 등급에 가장 큰 부정적인 영향을 미치는 "나쁨" 점수로 평가된다.

    2.5초에서 4초 사이의 점수는 "개선 필요"로 평가된다.

     

    Largest Contentful Paint (LCP)는 어떻게 계산될까?

    구글은 경험의 75번째 백분위수를 본다.

    즉, 실제 웹사이트의 방문자의 25%가 LCP 로딩 시간이 3.09초 이상인 반면 사용자의 75%는 LCP가 3.09초 미만임을 의미한다.

    Largest Contentful Paint (LCP)는 어떻게 계산될까
    출처: 2022년 11월 DebugBear.com의 Core Web Vitals 데이터 스크린샷

     

    Largest Contentful Paint (LCP) 개선 방법

    Largest Contentful Paint (LCP) 개선 방법
    출처: 에스이오

    LCP를 개선하려면 다음이 필요하다.

    1. LCP 요소를 표시하는 데 필요한 리소스를 찾아라.
    2. 이러한 리소스를 더 빨리 로딩할 수 있는 방법을 확인하자.

    예를 들어 LCP 요소가 이미지인 경우 이미지 파일 크기를 줄일 수 있다.

    LCP에 영향을 미치는 공통 리소스는 아래와 같다.

    • 렌더링 차단 리소스.
    • 최적화되지 않은 이미지.
    • 오래된 이미지 형식.
    • 최적화되지 않은 글꼴.

     


     

    결론

    웹 사이트를 지속적으로 모니터링하고 LCP 최적화를 하는 것이 중요하다.

    LCP가 악화되는 경우, 검색엔진 최적화 점수가 떨어질 뿐만 아니라 블로그에 큰 영향을 줄 수 있다는 점 참고하자.

    <참조: How To Optimize The Largest Contentful Paint & Rank Higher In Google>

     

    더 알아보기

    티스토리 댓글 작성하기

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