WP Rocket 설정 가이드: 직관적 UI, 워드프레스 캐시 플러그인 $59의 가치

WP Rocket은 워드프레스 캐시 플러그인입니다. 이 콘텐츠는 직관적인 인터페이스와 설정으로 관리하기 쉬운 WP Rocket 기본 설정 방법을 설명합니다. 설정 이후 크롬 개발자 도구와 구글 페이지 스피드의 속도 테스트를 진행합니다.

간편한 설정과 함께 추가 기능의 80% 정도가 자동으로 작동하여 별도의 복잡한 관리 없이도 높은 효과를 발휘합니다.

Ⅰ. 왜 WP Rocket Plugin 을 사용하는가?

캐싱 플러그인은 ⓐ단순한 기능 또는 ⓑ복잡한 옵션과 설정으로 관리자에게 선택 장애를 유발하는 경우가 많습니다. 많은 플러그인 중 “어떤 것을 사용해야 하는가?”, “조금이라도 더 빠른 플러그인, 구글 페이지 점수가 90점을 넘어 100점을 만들 순 없을까?” 등의 고민은 워드프레스 관리자라면 사이트를 운영하는 동안 끊이지 않는 고민일 수 있습니다.

WP Rocket은 ⓐ와 ⓑ를 모두 만족 시키는, 즉 단순하면서도 강력한 기능을 갖춘 ⓒ에 해당하는 얼마 되지 않는 소수의 플러그인 중 하나입니다.

파일 최적화, 사전 로드, 고급 규칙, DB 최적화, 하트비트, CDN(콘텐츠 전송 네트워크) 모바일 캐싱, 프리로드 등의 캐싱 플러그인의 모든 기능을 제공하여 워드프레스 페이지들의 속도가 향상됩니다.

1️⃣ Plugin WP Rocket Reviews

리뷰 전문 사이트인 Trustpilot에서는 4.7 점의 평점을 받았습니다. 2천 명 이상이 리뷰를 했으며, 대략적인 상황을 파악했을 때 2025년 중에 기존 싱글 및 플러스 가격은 그대로 유지되었지만 멀티 라이선스 가격이 100개 웹사이트의 $199에서 $399로 올랐기 때문으로 생각됩니다._{(관련 리뷰에서 낮은 평점이 다수 확인되었기 때문입니다.)}

Ⅱ. WP Rocket 기능

플러그인을 설치했다면 워드프레스 관리자 페이지 [설정] > [WP Rocket] 탭을 클릭합니다.

[대시보드] 설정과 [튜토리얼] 및 [저희 플러그인]까지 탭을 확인할 수 있습니다.

 🚀WP Rocket 설정 탭
  ├─ 대시보드
  ├─ 파일 최적화
  ├─ 미디어
  ├─ 사전 로드
  ├─ 고급 규칙
  ├─ 데이터베이스
  ├─ CDN
  ├─ Heartbeat
  ├─ 추가 기능
  ├─ 이미지 최적화
  ├─ 도구
  ├─ 튜토리얼
  └─ 저희 플러그인

1️⃣ WP-Rocket 주요 기능

• 1. 대시보드
• 2. 파일 최적화
• 3. 미디어
• 4. 사전 로드
• 5. 고급 규칙
• 6. DB
• 7. CDN
• 8. Heartbeat
• 9. 추가 기능
• 10. 이미지 최적화
• 11. 도구

 🚀WP Rocket 설정 탭
  ├─ 대시보드
  │      ├─ 빠른 작업
  │      │       ├─ 지우기 및 사전 로드
  │      │       ├─ 사용된 CSS
  │      │       └─ 우선 순위 요소
  │      ├─  RocketCDN
  │      ├─  WP-Rocket Support

대시보드에는 현재 사용중인 라이선스와 유효 기간을 확인할 수 있습니다. 차후 캐시 초기화가 필요할 경우 우측에서 [Cache Files]의 지우기 및 사전로드 진행과 [우선 순위 요소] 지우기를 클릭해서 진행할 수 있습니다. 그리고 페이지 우측에서 [내 계정 보기] 또는 하단에서 [지원 요청]을 통해 문제 발생 시 WP Rocket Support를 받을 수 있습니다.

영어한국어

영어한국어

빠른 작업

  ├─ 대시보드
  │      ├─ 빠른 작업
  │      │       ├─ Cache Files
  │      │       ├─ 사용된 CSS
  │      │       └─ 우선 순위 요소

Cache Files

모든 캐시 파일을 지우고 사전 로딩을 적용합니다.

사용된 CSS

사용된 CSS 파일이 지워집니다.

우선 순위 요소

자동 지연 렌더링, 중요 이미지, 외부 도메인에 대한 사전 연결, 글꼴 사전 로드와 관련된 저장된 최적화를 재 설정 합니다.

파일 최적화는 CSS 파일, JavaScript 파일 2개에 대한 최적화를 진행합니다. 이는 웹페이지를 정적인 HTML 파일로 변환하면서, 이 과정에서 해당 페이지에 필요한 CSS와 JavaScript 파일도 함께 최적화 합니다.

이는 서버 측에서 페이지를 렌더링하기 전에 파일을 압축하고 합치는 작업이므로, 트리맵의 페이지 캐시 또는 사이트 캐시에 속하는 기능으로 볼 수 있습니다.

참조: 캐싱 개념과 분류

💾 캐시
 ├── 서버 측 캐시
 │    ├── 사이트 캐시
 │    │    ├─ HTML 정적 파일로 변환(CSS, JavaScript 등)
 │    │    └─ 웹 캐시 저장 위치
 │    │        ├─ 메모리 캐시 (RAM)
 │    │        └─ 디스크 캐시 (HDD/SSD)

CSS 파일 최적화, JavaScript 파일 최적화 2가지 기능으로 각각 나뉘게 됩니다.

① CSS 파일

ⓐ CSS 파일 최소화

• ↳ CSS 파일 최소화는 공백, 주석을 제거하여 파일 크기를 줄이는 역할을 하지만 사용하는 방문자 페이지에서 사용하는 플러그인의 기능이 깨질 수 있습니다.Minify CSS files

영어한국어

영어한국어

이를 방지하기 위해 특정 플러그인을 제외 목록에 추가할 수 있습니다.

wp-content/plugins/Plugin/(.*).css

ⓑ CSS 전달 최적화

• ↳ CSS 파일 최소화를 사용하지 않는다면 CSS 전달 최적화를 사용할 수 있습니다. [미사용 CSS 제거]와 [CSS 비동기 로드]둘 중에 한 가지 방법만 선택할 수 있습니다.Optimize CSS delivery

영어한국어

영어한국어

• 미사용 CSS 제거
• CSS 비동기 로드

권장 사항은 [미사용 CSS 제거]가 권장이지만 사용하는 플러그인 기능이 방문자 페이지에서 제 기능을 발휘하지 못할 경우 이 역시 제거하면 안될 CSS 목록으로 설정할 수 있습니다.

영어한국어

영어한국어

‘CSS 비동기 로드‘는 ‘사용하지 않는 CSS 제거‘에 문제가 있는 경우에 사용할 수 있습니다.

영어한국어

영어한국어

---

② JavaScript 파일

JavaScript 파일 설정은 JavaScript 파일 최소화, JavaScript 파일 결합, JavaScript 지연 로드, JavaScript 실행 지연 총 4 가지로 나뉩니다.

설정 항목	기능	세부 설명
JavaScript 파일 최소화	파일 크기 감소	공백과 주석을 제거하여 파일 크기를 줄입니다.
JavaScript 파일 결합	HTTP 요청 감소	여러 개의 내부, 타사, 인라인 JS 파일을 하나로 합쳐 HTTP 요청 수를 줄입니다.[HTTP/2 환경에서는 권장되지 않습니다.]
JavaScript 지연 로드	렌더링 차단 제거	렌더링을 방해하는 JavaScript 파일이 페이지 로드 완료 후 실행되도록 합니다.
JavaScript 실행 지연	사용자 경험 개선	스크롤, 클릭 등 사용자의 상호작용이 있을 때까지 JavaScript 파일의 로드를 늦춥니다.

영어한국어

영어한국어

ⓐ JavaScript 파일 최소화

확실한 성능을 보장하지만 JavaScript 파일 최소화를 진행 후 방문자 페이지에서 일부 페이지가 보이지 않는다면 설정을 해제합니다.

ⓑ JavaScript 파일 결합

동일하게 확실한 성능을 보장하지만 JavaScript 파일 결합을 활성화한 이후에 귀하의 웹사이트에 오류가 발견되면, 이 설정을 다시 비활성화 하면 사이트는 정상으로 돌아옵니다.

영어한국어

영어한국어

ⓒ JavaScript 지연 로드

JavaScript 지연 로드 기능은 웹 페이지의 최초 렌더링이 완료되기 전까지 JavaScript 파일의 실행을 미루는 것입니다. 이는 첫 번째 콘텐츠 페인트(FCP) 와 가장 큰 콘텐츠 페인트(LCP)를 개선합니다.

영어한국어

영어한국어

어떻게 작동하나요?

<script> 태그에 defer 또는 async 속성을 추가하여 HTML 파싱을 방해하지 않도록 만듭니다. 이렇게 하면 웹 브라우저가 JavaScript 파일을 다운로드하는 동안에도 다른 HTML 요소를 계속해서 렌더링할 수 있어, 사용자가 느끼는 페이지 로딩 속도가 빨라집니다.

JavaScript 지연 로드는 언제 사용하나요?

웹페이지의 초기 화면을 표시하는 데 필수적이지 않은 JavaScript 파일에 주로 사용됩니다.

ⓓ JavaScript 실행 지연

JavaScript 실행 지연은 사용자의 특정 이벤트(예: 사용자의 클릭, 스크롤)가 발생하거나, 특정 시간이 지난 후에 스크립트가 실행되도록 하는 모든 기법을 포괄할 수 있습니다.

영어한국어

영어한국어

원클릭 제외는 WP Rocket이 사용자 편의를 위해 제공하는 기능으로, 자주 사용되는 특정 플러그인이나 테마의 JavaScript 파일을 지연 로드 대상에서 자동으로 제외 시키는 기능입니다.

원클릭 제외에서 기본으로 제외할 수 있는 항목은 다음과 같습니다. 체크 박스를 제공하여 선택할 수 있게 해 주는 기능은 사실 상 다른 캐시 플러그인에서는 찾아보기 힘든 기능입니다.

영어한국어

영어한국어

---

제외 항목에 해당 내역이 없을 경우 직접 제외 내역을 설정할 수 있습니다.

https://platform.twitter.com/widgets.js
https://connect.facebook.net/en_US/fbevents.js
https://pagead2.googlesyndication.com/pagead/js
https://cdnjs.cloudflare.com/
https://stackpath.bootstrapcdn.com/
https://code.jquery.com/

미디어는 이미지가 주 설정이지만 유튜브 및 구글 글꼴에 대한 설정을 적용할 수 있는 탭입니다.

① 지연로드 및 ② 이미지 크기 설정을 합니다.

영어한국어

영어한국어

③ 글꼴

영어한국어

영어한국어

캐시 사전 로드는 모든 캐시 플러그인에서 적용되는 사항입니다. 방문자가 방문 하기 전에 글이나 페이지 등의 콘텐츠를 사전 로드 함으로써 워드프레스 특정 페이지에 방문자가 방문하는 시점에 이미 빠른 로딩을 적용받습니다.

영어한국어

영어한국어

실제로 WP Rocket이 캐시 사전 로드를 하는지 확인한 결과입니다. 대략적으로 분 당 많을 경우 30개 정도, 캐시를 처음에 생성할 때는 더 많은 Preload 캐시를 생성합니다.

사전 로드 기능 외 개별 글의 캐시를 지울 수 있는 기능은 사이트를 운영하면서 매우 유용한 기능입니다.

개인적으로 캐시 수명을 9시간으로 설정했던 것 외에 추가 설정을 하진 않았었습니다.

영어한국어

영어한국어

설정 항목	기능	세부 설명
캐시 수명	캐시 파일의 유효 기간 설정	캐시 파일이 서버에서 자동으로 삭제되는 시간을 지정합니다.
절대 캐시에 포함하지 않을 URL	특정 페이지 캐시 제외	민감한 정보(로그인/로그아웃 페이지)가 포함된 URL을 캐시에서 제외합니다.
절대 캐시에 포함하지 않을 쿠키	특정 쿠키에 따른 캐시 제외	특정 쿠키가 브라우저에 설정되었을 때 페이지 캐싱을 막습니다.
절대 캐시에 포함하지 않을 사용자 에이전트	특정 사용자에 대한 캐시 제외	지정된 사용자 에이전트(User Agent)를 가진 방문자가 캐시된 페이지를 보지 못하게 합니다.
항상 제거할 URL	캐시 강제 무효화	글이나 페이지를 업데이트할 때마다 캐시에서 항상 삭제될 URL을 지정합니다.
캐시될 쿼리 문자열	특정 URL 매개변수 캐싱	특정 GET 매개변수(예: ?utm_source=google)를 포함한 URL을 캐시하도록 강제합니다.

영어한국어

영어한국어

WP Rocket에서 제공하는 CDN 사용 시 시작하기를 눌러서 RocketCDN을 사용할 수 있습니다. 월 가격은 ^$7^.99입니다.

별도의 CDN을 사용할 경우 CDN 회사에서 설정한 Cname 레코드를 입력합니다. 여기서는 CloudFlare CDN을 제외한 다른 CDN 설정임을 참고하시면 됩니다. CloudFlare CDN은 추가 기능에서 활성화 할 수 있습니다.

영어한국어

영어한국어

워드프레스 Heartbeat는 워드프레스가 웹 브라우저와 서버 간에 주기적으로 통신하도록 하는 API입니다. 마치 심장이 뛰는 것처럼, 이 API는 주기적인 신호를 보내서 서버와 연결을 유지합니다.

워드프레스는 이 Heartbeat API를 활용하여 여러 기능을 구현합니다. 예를 들어, 워드프레스 편집기에서 사용자가 글을 수정하고 있을 때 다른 사용자가 같은 글을 편집하지 못하도록 잠금 기능을 구현하는 데 사용됩니다.

또한, 실시간으로 글 작성 시 자동 저장을 하거나 관리자 대시보드에서 실시간 알림을 보내는 데에도 Heartbeat가 사용됩니다.

영어한국어

영어한국어

추가 기능	세부 설명
사용자 캐시	로그인한 사용자 각각에게 맞춤형 캐시 파일을 생성합니다. 사실 상 개인적으로 사용하지 않습니다.
Varnish	WP Rocket이 캐시를 삭제할 때 Varnish 캐시를 자동으로 함께 삭제하여 최신 콘텐츠를 유지합니다.
WebP 호환성	WebP 이미지 형식에 대한 브라우저 호환성을 향상 시킵니다. IMAGIFY와 같은 호환되는 WebP 변환 플러그인을 사용할 때 활성화를 적용합니다.
Cloudflare	WP Rocket에서 Cloudflare의 캐시를 관리하고 최적의 설정을 활성화할 수 있습니다.
Sucuri	WP Rocket이 캐시를 삭제할 때 Sucuri 캐시를 자동으로 동기화하여 캐시를 삭제합니다.

영어한국어

영어한국어

① Varnish Cache

Varnish 캐시가 설정되어 있는 서버는 보통 Apache 또는 Nginx 서버 앞 단에 배치되어 사용될 수 있습니다. Varnish Cache는 웹 가속기로 동적인 웹사이트 및 API 요청이 발생했을 때 응답을 캐시하여 백엔드 서버의 부하를 줄이고 페이지 로딩 속도를 향상 시킵니다.

WP Rocket에서는 WP Engine , Flywheel, Cloudways 또는 WPX 에 호스팅된 경우 WP Rocket은 자동으로 환경을 감지하여 Varnish 애드온을 활성화합니다. 

SiteGround ,  Kinsta,  Pressable 에서는  WP Rocket의 캐시가 해당 서버의 캐시와 이미 동기화되어 있으므로 이 옵션을 활성화할 필요가 없습니다.

WP Rocket에서 Varnish 사용하기

Varnish Cache는 웹사이트의 최종 결과물(HTML, 이미지 등)을 저장하여 사용자에게 직접 전달하는 방식입니다. 이는 OpCache와 Redis는 웹사이트를 구성하는 내부적인 데이터나 코드를 캐시하는 방식이라 성격이 다릅니다.

캐싱이란?

② Cloudflare 설정

클라우드플레어를 사용한다면 활성화를 진행하여 WP Rocket와 연동할 수 있는데 기존의 다른 CDN과 함께 사용할 수 있습니다.

클라우드플레어 활성화를 진행하면 API 키와 각각의 설정으로 간편하게 연동할 수 있습니다.

영어한국어

영어한국어

웹사이트 로딩 시간의 50%는 이미지에 소모된다고 합니다. Imagify 설치를 권장하는 페이지이며, 설치 시 무료로 200개의 이미지를 최대 20MB까지 WebP 또는 Avif로 변환할 수 있습니다.

[도구]는 WP Rocket에서 설정한 내용을 내보내는 기능을 제공합니다.

영어한국어

영어한국어

테스트를 위해 설정을 내보낸 후 다시 설정을 가져올 수 있으며, 설정 파일을 PC에 다운로드 후 업로드 하여 설정을 복원할 수 있습니다.

2️⃣ 기타 탭

• 12. 튜토리얼
• 13. 저희 플러그인

캐시 플러그인은 아무리 설명을 잘 해 놓더라도, 성능이 아무리 좋아도 사용법을 100% 활용하기는 사실 상 어려운 점이 많이 있습니다.

플러그인 페이지에서 각각의 튜토리얼을 제공하기 때문에 사용자는 WP Rocket 플러그인 설치 후 기본 세팅 및 테스트를 한 이후에도 지속적인 성능 향상을 할 수 있는 기회를 가질 수 있습니다.

영어한국어

영어한국어

WP Rocket 플러그인은 많은 워드프레스 사이트에서 사용되는 플러그인이기 때문에 WP Rocket 플러그인과 충돌 없이 사용 가능하다고 홍보하는 플러그인들이 상당히 많이 있습니다. _{사실 상 캐시 기능 설정 중 발생하는 오류는 모든 플러그인의 공통 사항이기 때문에 적절한 지점에서 타협을 봐야 합니다.}

group.one이라는 회사에 WP Media가 2021년 4월에 인수되고 이후 2023년 5월에 RankMath가 인수되었습니다. 이는 WP Rocket, IMAGIFY, RankMath가 같은 회사의 제품이고 서로 호환성이 좋다고 볼 수 있습니다.

Ⅲ. WP-Rocket Settings

WP-Rocket의 기본 세팅을 진행합니다. [기본 적용]은 이미 체크되어 있는 것을 의미합니다.

 🚀WP Rocket 설정 탭
  ├─ 1. 대시보드
  ├─ 2. 파일 최적화
  ├─ 3. 미디어
  ├─ 4. 사전 로드
  ├─ 5. 고급 규칙
  ├─ 6. 데이터베이스
  ├─ 7. CDN
  ├─ 8. Heartbeat
  ├─ 9. 추가 기능
  ├─ 10. 이미지 최적화
  ├─ 11. 도구
  ├─ 12. 튜토리얼
  └─ 13. 저희 플러그인

이 외에 가장 기본적인 설정이며, IMAGIFY 플러그인은 설치 하지 않은 상태입니다. 기본 설정으로 테스트가 필요할 경우 파일을 다운로드 받아 적용한 후에 오류가 있을 경우 하나 씩 비활성화 하면서 테스트를 할 수 있습니다.

🚀 WP Rocket을 사용하는 이유

워드프레스 사이트를 운영하면서 우커머스 플러그인을 적용하여 복잡한 전자상거래 사이트로 운영되는 경우와 개인 블로그로 만들어진 웹사이트라고 하더라도 다양한 워드프레스 기능을 활용할 수 있습니다.

당연히 많은 시간을 할애해야 하지만 운용하는 인원이 적은 경우 다른 복잡한 캐시 플러그인보다 WP Rocket 플러그인을 사용하여 시간을 단축할 수 있습니다.

Ⅳ. WP Rocket Pricing

WP Rocket의 가격은 1개 웹사이트에 ^$59, 3개 웹사이트에 ^$119, 50개 이상의 멀티 사이트에 ^$299입니다.

$€

$€

1️⃣ WP Rocket 할인^🏷️(20%)

신규 구매자에게 Promo Code를 제공합니다. Promo Code는 자동으로 적용됩니다. 여름 세일, 블랙 프라이데이 등에 따라 변경될 수 있지만 대체로 20% 할인을 적용하여 해당 링크로 접속 후 자동 할인을 받을 수 있습니다.

2️⃣ 이메일 가입 후 10% 쿠폰^🏷️

• 봄 캠페인(3월 말)
• WP Rocket 기념 캠페인(7월 초)
• 할로윈 캠페인(10월 말)

모든 프로모션은 짧은 기간 동안 진행되어 기간 내에 구매하는 것을 추천합니다.

3️⃣ 블랙프라이데이 10% 쿠폰^🏷️

이메일 기간 외 별도로 블랙 프라이데이 10% 할인이 적용됩니다.