워드프레스 캐시 플러그인 WP Rocket 속도 테스트: 설정 전·후 성능 최적화 비교 분석
ℹ️이 콘텐츠에는 광고가 포함되어,판매 발생 시 수익이 발생합니다.(네이버 쇼핑 커넥트, 아마존 어필리에이트, 애드센스 등)WP Rocket 플러그인의 세팅 방법 및 할인된 가격 등에 대해 확인을 했습니다. 가장 보편적인 설정 이후에 WP Rocket 속도 테스트를 진행하였습니다. 크롬 개발자 도구의 DOMContentLoaded 및 구글 페이지 스피드 점수 2가지 항목으로 테스트를 진행합니다.
WP Rocket의 설정 방법 및 가격 정보가 필요할 경우 아래 버튼을 눌러 확인할 수 있습니다.
Ⅰ. WP Rocket 속도 테스트
플러그인을 설치 하기 전 상태 및 플러그인 각각의 옵션을 적용한 후의 속도 테스트를 미리 진행했습니다.
참고로 WP Rocket 속도 테스트 이전에 서버에 이미 Varnish Cache가 설치되어 있다 보니 큰 차이가 없습니다.
Neve 테마의 Web Agency 템플릿을 기준으로 속도 측정을 진행합니다.
🔲 Neve 테마 무료 버전
⬜ 크롬 개발자 도구 속도 측정
크롬 개발자 도구에서 DOMContentLoaded 기준 속도를 측정합니다. WP Rocket 활성화 이전 상태입니다.
|
항목 40419_f2f2fb-68> |
값 40419_16e4fc-a4> |
|---|---|
|
평균 40419_00fb6a-87> |
47.6 ms 40419_5d4155-00> |
|
중앙값 40419_fe512f-26> |
47 ms 40419_a3e370-42> |
|
최대값 40419_2b4ec3-1c> |
57 ms 40419_4f453c-e0> |
|
최소값 40419_a99278-f9> |
39 ms 40419_431efb-06> |
|
표준편차 40419_0b745e-63> |
±5.1 ms 40419_afabcb-3c> |
|
150ms 이하 비율 40419_4da9eb-f6> |
100% (7/7회) 40419_8017f3-b2> |
|
최적화 판단 요약 40419_7e0e75-77> |
좋음 (50ms 부근 분포) 40419_2e81c0-6f> |
◻️구글 페이지스피드 점수
|
항목 40419_ac47a5-d2> |
모바일 40419_1db480-4c> |
데스크탑 40419_81bb1a-77> |
|---|---|---|
|
점수 40419_4331ec-1c> |
92점 40419_cc4bbe-10> |
99점 40419_88885e-77> |
|
First Contentful Paint 40419_6c08d2-72> |
2.6초 40419_e160dd-a4> |
0.7초 40419_b0e6a1-48> |
|
Largest Contentful Paint 40419_e202f8-62> |
2.8초 40419_a0e3dc-a9> |
0.7초 40419_4870c4-db> |
|
Total Blocking Time 40419_55a01d-93> |
0밀리초 40419_f06565-79> |
0밀리초 40419_e48872-1f> |
|
Cumulative Layout Shift 40419_1fa306-6d> |
0.031 40419_ec0dbf-bc> |
0.004 40419_45c9ec-37> |
|
Speed Index 40419_ae41be-46> |
2.6초 40419_6e8715-33> |
1.0초 40419_3e24a6-cb> |
🔲 WP Rocket 설정 후 속도 테스트
활성화 후의 WP Rocket 속도가 개선된 사항에 대해 확인합니다.
⬜ 플러그인 적용 후 크롬 개발자 도구 속도 측정
|
항목 40419_e4b4da-37> |
값 40419_5d005a-67> |
|---|---|
|
평균 40419_e5e44b-5d> |
43.9 ms 40419_598499-ed> |
|
중앙값 40419_9801d8-ea> |
45 ms 40419_e9b602-ae> |
|
최대값 40419_8e67fe-2c> |
46 ms 40419_6c0127-38> |
|
최소값 40419_5dbdb9-5f> |
39 ms 40419_8baff7-64> |
|
표준편차 40419_447cb7-32> |
±2.4 ms 40419_7c721a-66> |
|
150ms 이하 비율 40419_d2745b-d6> |
100% (7/7회) 40419_b5ff7f-e6> |
|
최적화 판단 요약 40419_f43d63-2f> |
좋음 (45ms 부근 분포) 40419_fe10c5-26> |
⬜ 플러그인 적용 후 구글 페이지 스피드 점수
애초에 Varnish 설치 된 서버에서의 테스트이며, 기본 테마만 설치되어 있는 상태라 큰 차이는 없었습니다.
기존에 비해 성능이 크게 향상 된 것을 확인할 수 있습니다.
|
항목 40419_cc7068-98> |
모바일 40419_b9ae5f-0b> |
데스크탑 40419_87a2b5-b7> |
|---|---|---|
|
점수 40419_5c0502-8d> |
96점 40419_115226-09> |
100점 40419_9812aa-35> |
|
First Contentful Paint 40419_ec3e9c-21> |
1.8초 40419_52e554-24> |
0.4초 40419_21ed43-55> |
|
Largest Contentful Paint 40419_ccda79-11> |
2.3초 40419_82e362-bc> |
0.6초 40419_ffb4f8-92> |
|
Total Blocking Time 40419_cefb45-87> |
0밀리초 40419_92cbda-d8> |
0밀리초 40419_b3397e-5d> |
|
Cumulative Layout Shift 40419_316e77-78> |
0 40419_d60003-55> |
0.004 40419_8014b7-35> |
|
Speed Index 40419_bb3c32-fe> |
3.2초 40419_92b420-80> |
1.0초 40419_07f08d-da> |
Ⅱ. 종합 평가
WP Rocket 플러그인 적용 후 웹사이트 성능이 전반적으로 크게 향상되었습니다. 특히 Varnish Cache가 이미 적용된 상태였음에도 불구하고, WP Rocket이 추가적인 최적화를 성공적으로 이끌어냈습니다.
1️⃣ 크롬 개발자 도구 분석 💻
WP Rocket 플러그인 적용 후 DOMContentLoaded 시간이 평균 47.6ms에서 43.9ms로 단축되었습니다.
이는 페이지의 뼈대와 주요 콘텐츠가 사용자의 화면에 더 빠르게 나타난다는 것을 의미합니다. 또한, 표준편차가 ±5.1ms에서 ±2.4ms로 크게 줄어들어, 로딩 속도가 더욱 안정적이고 일관성 있게 개선되었습니다.
2️⃣ 구글 페이지스피드 점수 분석 📈
|
항목 40419_192888-21> |
플러그인 비활성화 40419_8f953b-7a> |
플러그인 적용 후 40419_888d80-14> |
|---|---|---|
|
모바일 점수 40419_867bc3-ce> |
92점 40419_9a62d1-4c> |
96점 40419_83cc33-d7> |
|
데스크탑 점수 40419_32422c-7f> |
99점 40419_541c7f-4c> |
100점 40419_f187ac-6f> |
|
모바일 FCP 40419_3c33eb-df> |
2.6초 40419_b3e898-f1> |
1.8초 40419_d26d0c-76> |
|
모바일 LCP 40419_7948f5-0e> |
2.8초 40419_926476-ed> |
2.3초 40419_4b0d02-49> |
|
모바일 CLS 40419_f54d9f-bd> |
0.031 40419_01c5f5-b4> |
0 40419_4dc565-61> |
공식 웹사이트에서 WP Rocket의 여러가지 장점을 확인할 수 있습니다.