워드프레스 WP Rocket 설정 방법

WP Rocket은 캐시 최적화를 통해 워드프레스 사이트의 표시(로딩) 속도를 향상 시켜주는 유료 플러그인으로, 캐시 플러그인 중에서도 성능이 가장 뛰어나다고 알려져 있는데요.

이번 포스팅에서는 이 WP Rocket의 설정 방법에 대해 알아보도록 하겠습니다.

워드프레스에서 캐시를 삭제하는 이유에 대해서 궁금하신 분들은 이 글을 참고해주시기 바랍니다.

 

 

 

WP Rocket

WP Rocket은 [파일 최적화, 지연 로드(LazyLoad), 데이터베이스 최적화, CDN(콘텐츠 전송 네트워크) 사용, 하트비트 API 제어, 프리로드 등] 다양하고 간편하면서 강력한 성능 최적화 기능을 제공하여 웹사이트 페이지 표시 및 사이트 로딩 속도를 향상 시켜주는 유료 플러그인 입니다.

캐시 플러그인 중에서도 성능이 가장 뛰어나다고 알려져 있는데요.

현재 이 웹사이트도 WP Rocket을 이용 중인데, 확실히 무료 캐시 플러그인을 사용했을 때 보다 웹사이트의 로딩 속도가 빨라진 것을 체감하고 있습니다.

그래서 저처럼 웹사이트 속도를 높이고 싶은데 다른 캐시 플러그인의 효과를 보지 못하신 분들에게 추천 드립니다.

유료인 것이 부담스럽다면, 워드프레스 사이트의 방문자수가 늘어나고 사이트 속도가 조금씩 느려지고 있다는 느낌이 들 때 이용하는 것도 좋은 선택입니다.

 

 

 

설정 방법

웹사이트 환경마다 적합한 설정 방법이 다르기 때문에 제가 한 설정은 참고만 하시길 바랍니다. 

또한, 설정을 한번에 다 적용하지 않고 하나씩 적용해보면서 워드프레스 오류 여부와 점수를 확인하는 것을 권장 드립니다.

공식 가이드에도 이 방법을 추천하고 있습니다.

 

1. 계기반(Dashboard)

대시보드에서는 계정 정보(My Account)를 확인할 수 있으며, 따로 설정하는 것은 없습니다.

 

 

 

 

2. 파일 최적화(File Optimization)

CSS와 자바스크립트 파일이 많으면 사이트 로딩에 시간이 오래 걸리는데, CSS와 자바스크립트 최적화를 통해 파일 크기를 줄여 로딩 속도를 향상 시킬 수 있습니다.

다만, 다른 유사한 워드프레스 플러그인을 사용하는 경우, 해당 플러그인과 설정이 중복되지 않도록 주의해야 합니다.

사용 중인 서버 측에서 최적화 기능을 제공하는 경우도 있으니 주의하시기 바랍니다.

 

CSS Files

CSS 파일 최소화(Minify CSS files) : 말 그대로, CSS 파일을 최적화 하는 기능 입니다.

CSS의 크기를 줄이면 사이트 로딩 시간이 단축되어 방문자가 보다 쾌적하게 사이트를 볼 수 있습니다.

 

제외된 CSS파일(Excluded CSS Files) : 최소화(Minify) 대상에서 제외할 CSS 파일의 URL을 지정하기 위한 기능 입니다.

이 설정을 사용하면 특정 CSS 파일을 최소화 대상에서 제외할 수 있습니다.

 

CSS 전달 최소화(Optimize CSS Delivery) :  렌더링 차단 CSS를 제거해서 사이트 성능을 최적화 시켜줍니다.

사용하지 않는 CSS도 삭제하면 사이트 로딩 속도를 향상 시킬 수 있습니다.

 

 

 

자바스크립트 파일(JavaScript Files)

다음으로 JavaScript 최적화를 설정합니다.

JS는 설정에 실패하면 다른 플러그인의 기능이 작동하지 않거나 제대로 표시되지 않을 위험도 있으니, 신중하게 설정해야 합니다.

 

 

JavaScript 파일 최소화(Minify JavaScript) : JavaScript 파일의 크기를 줄이기 위한 기능입니다.

이 기능은 자바스크립트 파일에서 불필요한 공백이나 주석을 제거하여 파일 크기를 최소화합니다.

 

JavaScript 파일 결합(Combine JavaScript files) : 사이트 내부, 외부, 인라인 자바스크립트 파일을 결합하여 HTTP 요청을 줄여주는 기능입니다.

이 기능을 활성화 하면, 사이트 표시 속도는 빨라질 수 있습니다.

다만, 이 기능은 사이트에 따라서 적합하지 않을 수 있기 때문에 저는 사용하고 있지 않습니다.

 

 

JavaScript 지연 로드(Load JavaScript deferred) : 사이트 로딩 시간 지연 기능입니다. 렌더링을 차단하는 자바스크립트를 지연 시킵니다.

자바스크립트 지연 로딩을 통해, 페이지가 우선적으로 표시되어 사이트 방문자가 스트레스 없이 페이지를 열람할 수 있도록 도와줍니다.

 

JavaScript 실행 지연(Delay JavaScript Execution) : 사용자의 조작(스크롤, 클릭 등)이 있을 때까지 자바스크립트 파일 로딩을 지연 시키는 기능으로, 첫 페이지의 빠른 표시 효과를 불러옵니다.

Delay JavaScript execution을 설정하시면 사이트 내 모든 스크립트들을 지연 실행하기 때문에 워드프레스 로딩 속도가 엄청나게 빨라집니다. 그러나, 애드센스 광고 로딩도 함께 늦어져서 수익이 하락할 수 있으니 위에 이미지처럼 지연되어서는 안 되는 파일(구글 애드센스, 메뉴 등)은 따로 제외(체크)하시길 바랍니다.

 

원 클릭 제외(One-click exclusions) :이 기능을 사용하면 지연 로딩을 피하고 싶은 파일, 플러그인을 한 번의 클릭으로 선택할 수 있습니다.

 

제외할 자바스크립트가 있다면 그 아래의 제외된 JavaScript 파일(Excluded JavaScript files)에 입력하시면 됩니다.

(대부분 Load JavaScript에서 오류가 발생하는 경우에 사용합니다.)

 

 

 

 

3. 미디어(Media)

미디어에서는 주로 이미지와 동영상에 대한 최적화 설정을 합니다.

저는 모든 기능을 활성화 했습니다.

레이지로드는(LazyLoad) : 이미지, iframe, 비디오가 뷰포트(화면)에 들어오거나 들어오려고 할 때만 불러오는 기능으로, 실제 및 인식 로딩 시간을 개선할 수 있으며 HTTP 요청 수가 줄어듭니다.

 

누락된 이미지 크기 추가(Add missing image dimensions) : 이미지에 누락된 너비 및 높이 속성을 추가하는 기능으로, 레이아웃 변경을 방지하고 방문자의 읽기 환경을 개선하는데 도움이 됩니다.

이미지에 너비와 높이 속성이 없으면 페이지가 로드될 때 이미지의 크기가 변경될 위험이 있고, 그러면 페이지 레이아웃이 변경될 수 있어 이를 방지하기 위해 설정하는 것을 권장 드립니다.

 

 

 

 

4. Preload

캐시가 지워진 후나 처음 방문 시 페이지가 느리게 표시될 수 있는데, WP Rocket은 사이트 링크를 미리 로드하여 캐시를 생성하여 방문자에게 빠른 경험을 제공합니다. (사이트맵 기반 프리로드 및 DNS 프리페치)

 

사전 로딩 활성화(Activate Preloading) : 자동으로 사이트맵 내에서 모든 URL을 데이터베이스에 저장하는 기능 입니다.

이 기능을 활성화 하면, 캐시가 항상 미리 로드되어 속도 향상, 서버 부하 감소, SEO 개선 효과를 기대할 수 있습니다.

 

링크 사전 로딩 활성화(Enable link preloading) : 방문자가 링크에 커서를 올리면 페이지를 다운로드하여 로딩 시간을 단축할 수 있는 기능입니다.

 

DNS 요청 사전 페치(Prefetch DNS Requests) : 외부 파일 로딩 속도를 높이기 위한 기능으로, 특히 모바일 네트워크에서 효과적입니다. 이 기능을 활성화하면 외부 파일 로딩 속도가 향상됩니다.

 

글꼴 사전 로드(Preload Fonts) : 브라우저가 CSS 파일 내의 글꼴을 보다 효율적으로 감지할 수 있도록 하여 글꼴 로딩 속도를 향상 시켜 줍니다.

※ 폰트는 자체 도메인 또는 CDN 탭에서 지정한 도메인에서 호스팅 되어야 하므로 주의해야 합니다. 

 

 

 

 

5. 고급 규칙(Advanced Rules)

좀 더 응용적인 설정을 할 수 있는 탭입니다. 저는 따로 설정하지 않았습니다.

URL을 캐시하지 마세요[Never Cache URL(s)] : 캐싱하지 말아야 할 고정 페이지나 게시물의 URL을 지정하기 위한 기능 입니다.

예를 들어, 사용자 지정 로그인/로그아웃 URL 등이 있습니다.

 

쿠키를 캐시하지 마십시오(Never Cache Cookies) : 방문자의 브라우저에 특정 쿠키가 설정되어 있는 경우, 페이지를 캐시하지 않도록 하는 기능 입니다. 쿠키 ID를 지정하면 해당 쿠키가 설정된 경우 캐시를 비활성화 할 수 있습니다.

 

사용자 에이전트를 캐시하지 마십시오[Never Cache User Agent(s)] : 특정 사용자 에이전트 문자열이 포함된 경우 페이지를 캐시하지 않도록 하는 기능입니다.

 

항상 URL을 제거하세요[Always Purge URL(s)] : 특정 게시물이나 고정 페이지를 업데이트할 때 특정 URL의 캐시를 삭제해야 할 때 사용하는 기능 입니다.

 

캐시 쿼리 문자열[Cache Query String(s)] : 특정 GET 파라미터에 대해 캐싱을 강제하는 기능입니다.

GET 파라미터에 따라 다른 콘텐츠를 제공하는 페이지에서 특정 GET 파라미터에 대한 캐싱을 활성화할 수 있습니다.

 

 

 

 

6. 데이터베이스(DATABASE)

불필요한 데이터가 데이터베이스에 쌓이면 사이트 성능이 저하되는데, 이 항목에서는 사용하지 않는 데이터(오래된 게시물 수정본, 초안, 댓글 등)를 주기적으로 정리하여 데이터베이스를 슬림하게 유지하도록 도와주는 기능을 제공합니다.

저는 모든 기능을 활성화 하였습니다.

 

개정사항(Revisions) : 글과 페이지의 변경 이력(리비전)을 삭제하는 기능입니다.

자동 초안(Auto Drafts) : 자동으로 생성된 초안이 삭제하는 기능입니다. 불필요한 초안이 데이터베이스에 남지 않아 데이터베이스 정리가 이루어집니다.

휴지통 게시물(Trashed Posts) : 데이터베이스 내에서 휴지통에 존재하는 게시물을 자동으로 삭제하는 기능입니다.

 

스팸 댓글(Spam Comments) : 스팸 댓글을 영구적으로 삭제하는 기능입니다.

삭제된 댓글(Trashed Comments) : 휴지통으로 이동된 댓글을 영구적으로 삭제하는 기능입니다. 

※ 워드프레스에서 ‘URL이 포함된 댓글을 스팸으로 판단한다’로 설정하면 URL이 포함된 댓글이 모두 자동으로 삭제되는 사태가 발생하기 때문에. 이런 설정을 하고 있다면 스팸 댓글(Spam Comments) 기능은 해제하시기 바랍니다.

 

모든 과도현상(All Transients) : 임시 옵션으로, 안전하게 삭제하고 플러그인이 필요에 따라 자동으로 재생성 해주는 기능입니다. 

테이블 최적화(Optimize Tables) : 데이터베이스를 청소하고 공간을 효율적으로 활용하고 속도를 높이는 기능입니다.

자동 정리 일정(Schedule Automatic Cleanup) : 주기를 설정하여 자동으로 정리 해주는 기능 입니다.

 

 

 

 

7. CDN(콘텐츠 전송 네트워크)

방문자가 서버에서 멀리 떨어진 지역에 있는 경우, 웹사이트 로딩이 느려질 수 있는데요.

CDN은 전 세계에 배치된 서버에서 콘텐츠(CSS, JS, 이미지 등의 정적 파일)를 전송하여, 전 세계 어디에서나 빠르게 사이트를 로딩할 수 있게 해주는 기능입니다.

(전 세계 서버에 콘텐츠를 저장하고, 방문자가 접속했을 때 가장 가까운 서버에서 해당 파일을 전송하는 방식.)

전 세계의 방문자가 많이 접속하는 경우라면 고려해 볼 수 있지만, 그렇지 않은 경우라면 딱히 설정할 필요 없습니다.

 

RocketCDN은 WP Rocket이 제공하는 고속 콘텐츠 전송 네트워크(CDN) 서비스입니다.

무제한 대역폭에 쉬운 설정이 장점으로, Imagify 플러그인을 같이 사용하면 자동으로 이미지 최적화 기능도 사용할 수 있습니다.

WEBP 버전 이미지 자동 생성 및 지정한 사이즈 이상의 이미지는 리사이즈하는 기능도 있습니다.

 

 

 

 

8. 하트비트(HEARTBEAT)

워드프레스에서 Heartbeat API는 서버와 브라우저 사이에 정기적인 통신을 관할하는 기능(실시간 정보 동기화 기능)입니다.

예로, 워드프레스의 포스팅 자동 저장 기능(60초마다 포스팅 내용을 자동 저장해주는 기능)을 들 수 있는데요. 

이러한 기능으로 실수로 페이지를 닫아버리는 등의 문제가 발생해도 안심할 수 있게 해줍니다.

또한, 여러 사람이 같은 콘텐츠를 편집할 때 충돌을 방지하는 역할도 합니다(대시보드 알림, 세션 정보 업데이트 등에도 활용됨).

 

이렇게 편리한 기능이지만, 관리 화면 등에서 주기적으로 서버에 요청을 보내는 것으로 인해 서버에 부하가 걸릴 수 있습니다.

그리고 로그인 사용자가 많을 경우에도 서버에 높은 부하가 발생합니다.

WP Rocket은 하트비트 API의 빈도를 조정할 수 있는 기능이 있어, API의 동작을 제어하여 필요 이상으로 서버에 부하가 걸리지 않도록 도와줍니다.

근데, Heartbeat로 인해 사이트가 느려지는 경우는 많지 않다고 하니, 해당 기능은 사용하시지 않으셔도 됩니다.

 

 

 

 

9. 추가 기능(ADD-ONS)

Cloudflare, Sucuri 등을 사용하는 경우 이 페이지에서 설정하시면 되는데요.

이를 사용하지 않는다면, 설정할 필요가 없습니다.

 

 

 

 

10. 이미지 최적화(IMAGE OPTIMIZATION)

WP Rocket의 단점 중 하나가 이미지 파일 압축까지 해주지 않는다는 점입니다.

그래서, 이미지 최적화를 하려면 다른 플러그인을 사용해야 합니다.

(이미지 최적화 하는 방법에 대해 자세히 알고 싶은 분은 이 글을 참고해 주세요.)

WP Rocket에서 권장하는 플러그인은 ‘Imagify’입니다.

Imagify는 워드프레스 내 이미지 파일의 품질을 떨어뜨리지 않으면서 파일 크기를 압축해주는 편리한 플러그인입니다.

월 200장까지 무료로 이미지 압축을 할 수 있습니다. 단, 무료 계정 등록이 필요합니다.

 

 

 

 

11. 도구(TOOLS)

도구 페이지에서는 WP Rocket의 설정을 백업/복원 할 수 있습니다.

또한, 현재 사용 중인 WP Rocket에서 문제가 발생하면 롤백을 통해 이전 버전으로 되돌릴 수 있습니다.

포함 및 제외 목록 업데이트(Update Inclusion and Exclusion Lists)는 간단히 말해 ‘처리할 것’과 ‘처리하지 않을 것’을 목록으로 관리하는 기능입니다. 

 

 

 

 

 

WP Rocket에서 설정 후 할 일

여기까지 설정 하느라 수고 많으셨습니다.

모든 설정이 완료되면 계기반(Dashboard)으로 이동하여,

캐시 지우기 및 사전 로드(Remove all cached files)와 사용된 CSS 지우기(Remove Used CSS Cache)를 눌러 캐시를 삭제하시면 됩니다.

이제 워드프레스 사이트 표시 속도를 측정해 보시길 바랍니다.

 

 

 

 

WP Rocket으로 설정했는데 속도가 변하지 않거나 느려지는 경우

대부분의 경우, WP Rocket을 설정하면 페이지 표시 속도는 향상될 것입니다.

만약, 속도의 변함없거나 늦어지는 경우라면 확인해야 할 사항이 있습니다.

– 서버 측 설정
– 다른 워드프레스 플러그인
– 워드프레스 테마

캐싱이나 자바스크립트 지연 실행과 관련된 플러그인이 문제를 일으킬 수 있기 때문입니다.

한 번 확인해보시고 그래도 사이트 표시 속도가 변하지 않는다면 WP Rocket 지원팀에 문의하는 것이 좋습니다.

 

 

 

 

 

사용 후기

저는 웬만하면 유료 버전을 구매하지 않습니다.

구매하더라도 평생 사용할 수 있으면서 성능이 좋은 제품만 구매하는 편입니다. 

그런데도 불구하고 WP Roket은 만족하며 사용하고 있습니다.

WP Roket의 장점과 단점에 대해서 말씀드리겠습니다.

 

WP Rocket의 장점

1. 압도적인 성능.

설치 후, 웹사이트의 속도가 확실히 향상되었습니다.

이전에 무료 플러그인을 사용할 때는 웹사이트의 로딩 속도가 4~5초 이상 걸렸다면, 지금은 2~3초로 밖에 걸리지 않게 되었습니다. 이 1~2초가 별거 아닌 것 같지만, 실제로 겪어보면 생각보다 엄청난 차이임을 체감할 수 있습니다. 

 

2. 설정 방법이 매우 간편합니다.

무료 플러그인은 돈이 들지 않지만, 그만큼 유저친화적이지도 않습니다.

하지만, 이 플러그인은 클릭 한번으로 간단하게 설정할 수 있습니다. 기능에 대한 설명도 자세하고 문서화도 잘 되어 있습니다.

사용자도 많기 때문에 검색해보면 다른 사람들의 설정을 참고할 수도 있습니다.

또한, 고객센터의 응답도 빠르다고 합니다.

고객센터에 문의하면, 24시간 내로 응답을 주는 것이 이 회사의 원칙이라고 합니다. 

 

 

 

 

WP Rocket의 단점

1. 이미지 압축 기능은 포함되어 있지 않습니다.

이미지 속도 개선을 위해서 이미지를 압축하거나 WebP 포맷으로 변환하는 것이 중요합니다.

하지만, WP Rocket은 Imagify 플러그인을 소개해주기만 할 뿐, 이미지 압축 기능을 무료로 제공해주고 있진 않았습니다.

물론 WP Rocket만으로 웹페이지의 속도가 압도적으로 증가하기 때문에 이미지를 많이 사용하지 않는다면 크게 상관 없습니다. 

저는 이미지를 많이 쓰기에 다른 무료 플러그인으로 대체하고 있습니다.

 

2. 유료 플러그인입니다.

기간제 유료 플러그인이고 월 결제는 불가능하고 연 단위 결제만 가능하다는 점이 아쉽긴 합니다.

 

 

 

 

 

마치며

여기까지 워드프레스 WP Rocket 설정 방법에 대해 알아보았습니다.

참고하시고 여러분의 사이트에 적합한 설정을 하시길 바랍니다.

 

 

 

읽어주셔서 감사합니다. 

밑에 좋아요 버튼을 눌러주시면 저에게 큰 힘이 되고 콘텐츠의 방향성을 잡는 데에도 도움이 됩니다.

혹시 궁금한 점이나 원하시는 주제가 있으시다면 댓글 남겨주세요.

구글 검색 키워드(첫 페이지 순) : 워드프레스 wp rocket, 워드프레스 wp rocket 설정, 워드프레스 wp rocket 설정 방법, wp rocket 설정, wp rocket 설정 방법