[WP] 워드프레스 LCP(Largest Contentful Paint) 측정 방법 4가지와 해결 방법

공정위 광고 문구 Ver 3.1
공정위 광고 문구 Ver 3.2(모바일 전용)

웹 사이트를 운영할 경우 SEO 측면에서 웹 사이트의 로딩 속도는 매우 중요한 요소입니다. 이번에는 워드프레스 LCPLargest Contentful Paint란 무엇이며, 중요한 이유와 개선하는 방법에 대해 알아 보겠습니다.

LCP는 코어 웹 바이탈Core Web Vitals 지표 중 하나입니다.

코어 웹 바이탈(CWV) : 출처 클라우드플레어

ⓐ 로딩 속도를 측정하는 최대로 의미 있는 페인트(LCP)
ⓑ 페이지 상호 작용성을 측정하는 첫 번째 입력 지연(FID)
ⓒ 시각적 안정성을 측정하는 누적 레이아웃 변경(CLS)

최대 콘텐츠 페인트: LCP란?

구글은 웹 사이트의 성능 측정을 하는데 여러가지 측정 항목을 이용합니다. 그 중 하나가 LCP입니다. LPC는 웹 페이지 상단의 가장 큰 시각 콘텐츠 요소가 표시(렌더링)되는데 걸리는 시간을 측정합니다. 페이지에 접속했을 때 이미지(동영상 or 애니메이션 등) 블럭 or 텍스트 블럭이 이에 속합니다.

LCP 점수 합격 기준

LCP 점수 합격 기준은 2.5초 이하여야 합니다.

 빠름개선이 필요함느림
LCP2.5초 이하4초 이하4초 초과

워드프레스 LCP 측정 방법

1. 구글 페이지 스피드로 확인하기

워드프레스 LCP - 구글 페이지 스피드에서 확인한 최대 콘텐츠 페인트

가장 널리 알려진 구글의 페이지스피드 인사이트를 이용하는 방법입니다. [중요 요청 체이닝 차단]에서 발견된 체인과 [콘텐츠가 포함된 최대 페인트 요소]로 LCP 항목에 대한 진단을 할 수 있습니다.

구글 페이지스피드 LCP 진단 내용

2. 크롬 개발자도구 Lighthouse

크롬 개발자도구의 Lighthouse를 이용해서 LCP 결과 진단을 할 수 있습니다.

3. 구글 서치콘솔 활용

서치콘솔 내 코어 웹 바이탈에서 개선이 필요한 URL의 보고서 열기에서 CLS 및 LCP 등을 확인하여 웹 사이트의 성능을 개선할 수 있습니다.

구글 서치콘솔에서 LCP 및 CLS 등을 확인할 수 있음

4. 지티메트릭스 활용

GTmetrix를 활용한 LCP 확인은 간단하게 URL을 입력 후 진행합니다.

GTmetrix로 워드프레스 LCP 확인하기

Largest Contentful Paint 해결 방법

  • 렌더링 차단하는 리소스 제거 또는 줄이기
  • 웹 브라우저 렌더링을 줄이려면 CSS 및 JavaScript 파일을 줄이거나 제거합니다.
  • 느린 리소스(자원) 로딩 시간
  • 이미지, 동영상, HTML이나 CSS와 같은 웹 페이지의 블록 요소가 웹 사이트 내에 다른 파일의 성능 저하를 함께 일으킬 수 있습니다. 워드프레스 이미지 최적화 플러그인 등을 이용해서 리소스 시간을 단축할 수 있습니다.
  • 서버의 느린 응답 시간
  • 서버의 성능이 느린 경우 웹 사이트의 로딩 시간을 워드프레스 캐시 플러그인 및 이미지 최적화 플러그인 등을 활용하더라도 한계가 있을 수 있습니다. 어느 정도의 웹 사이트 방문자가 있다면 서버 사양을 업데이트 하는 것과 서버에 Memcached나 Redis 등의 서버 캐시가 있는 호스팅 서버로 이전을 생각할 수도 있습니다.
  • 속도 향상을 위한 CDN 사용을 고려할 수 있습니다.
  • TTFB 시간 단축
  • 구글 광고나 애널리틱스 등과 같은 타사 연결을 dns-prefetch 등과 같은 설정으로 DNS 조회를 더 빠르게 로드하여 특히 모바일 페이지에서의 속도를 더 향상시키는 방법을 생각할 수 있습니다.

ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액(이벤트 할인 시 금액이 내려갑니다↓)은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.

Similar Posts

  • 워드프레스 캐시 플러그인 및 최적화 플러그인

    워드프레스로 만들어진 웹사이트는 플러그인을 설치할 수록 속도가 느려집니다. 이는 필연적인 현상으로 워드프레스 사이트 속도가 느린 경우 워드프레스 캐시 플러그인을 설치하여 사이트의 성능을 향상 시켜야 한다고 공식 문서에서도 언급하고 있습니다. 일반적으로 워드프레스 웹사이트는 HTML, CSS, JavaScript 등으로 직접 코딩 된 일반 웹사이트에 비해 느릴 수 있습니다. 그 이유는 워드프레스의 작동 방식 때문입니다. Ⅰ. 워드프레스…

  • 워드프레스 점유율 43%: 전 세계 웹사이트에서 가장 많이 쓰이는 CMS

    W3Techs의 월드 와이드 웹 기술 설문조사에 따르면 워드프레스 점유율은 2025년 3월 43.4%입니다. 전 세계의 웹 사이트 43.4%가 워드프레스 CMS로 만들어 졌다는 걸 의미입니다. 시장 점유율은 61.1%로 확인되며, 2위가 쇼피파이, 3위가 윅스, 4위가 스퀘어스페이스, 5위 줌라로 확인되고 있습니다. 1~5위 순위는 오랜 시간 변동 없이 이어질 것으로 보입니다. 1. 워드프레스 점유율이 높은 이유 워드프레스는 출시…

  • VPS 호스팅이란? 가상 서버 구조와 오버커밋, 관리형·비관리형 차이 및 장·단점

    VPS 호스팅이란 물리 서버 한 대를 가상화로 나눠, 가상 서버마다 CPU·RAM을 따로 할당하는 호스팅입니다. 가상 서버 구조와 오버커밋, 공유 호스팅과 다른 점, 관리형 VPS와 비관리형 VPS의 차이를 다룹니다. VPS 호스팅은 root 권한으로 서버를 직접 다루는 대신, 관리형이 아니면 서버 관리도 사용자가 맡습니다. VPS 호스팅의 장·단점과 VPS 호스팅이 맞는 사이트를 정리했습니다. 1️⃣ VPS 호스팅…

  • FastComet 호스팅 신규 신청(가격과 성능)

    워드프레스 사이트 중 일부를 해외 웹호스팅 FastComet에서 사용하기 위해 신규 호스팅을 신청하게 되었습니다. 현재는 주가 되는 웹사이트는 AWS 서버를 사용하지만 FastComet 호스팅은 해외 워드프레스 호스팅 중 Hostinger 다음으로 신청한 2번째 호스팅으로 2년 동안 사용했던 호스팅입니다. 1. FastComet vs hostinger 가격 비교 호스팅어는 워드프레스 호스팅 중 국내 및 해외에서 저렴한 호스팅으로 많이 알려져 있습니다. 실제…

  • 워드프레스 반응형 스타일 : 기기별 글자 크기와 여백 따로 지정(WP 7.1 ver.)

    워드프레스 반응형 스타일은 7.1부터 들어온 기능입니다. 예전에는 편집기의 데스크톱·태블릿·모바일 버튼이 화면 폭만 바꿨지만, 이제는 그 상태에서 만진 글자 크기와 여백이 해당 기기에서만 적용됩니다. 1️⃣ 워드프레스 반응형 스타일: 이해 및 변경점 워드프레스 편집기 위쪽에는 모니터 모양 아이콘이 있고, 누르면 데스크톱·태블릿·모바일이 나옵니다. 지금까지 이 버튼은 편집 화면의 폭만 좁혔다 넓혔다 하는 역할이었습니다. 모바일로 바꿔 봐야…

  • [WP] 워드프레스 무차별 대입 공격(brute-force attack)을 막는 9가지 방법

    워드프레스 CMS로 만든 웹 사이트를 운영하게 되면, 관리자 주소는 https://www.domain.com/wp-admin이 됩니다. 무차별 대입 공격에 취약할 수 있는 이유는 관리자 페이지 주소 wp-admin 주소가 그대로 노출되기 때문입니다. 워드프레스를 포함한 웹 사이트의 관리자 주소가 admin과 같은 주소를 사용해서 무차별 대입 공격(brute-force attack)에 노출되는 것은 되도록 방지해야 합니다. 무차별 대입 공격(brute-force attack)이란? 웹 사이트나 컴퓨터 및…