WP 로켓 리뷰: 정말 WordPress 속도를 높일 수 있습니까?

게시 됨: 2020-01-16

이것은 WP Rocket 플러그인을 사용하여 WordPress 속도를 높이는 방법을 설명하는 사례 연구입니다.

이 게시물에서는 WP Rocket을 검토 하여 플러그인 내부를 살펴보고 실제로 작동하는지 확인하고, 내가 사용한 정확한 설정과 WordPress 속도 에 대한 실제 효과를 볼 수 있습니다.

나는 이 실험을 위해 고객의 웹사이트를 사용했습니다(도메인 이름은 개인 정보 보호를 위해 제거되었습니다). 나는 그들을 위한 작업의 일환으로 그들의 페이지 SEO를 조정하고 있었지만 페이지 로드 속도 에 관해서는 계속 벽에 부딪혔습니다.

일반적으로 느린 호스팅 을 비난합니다. 그러나 이 클라이언트는 이미 빠른(그리고 상당히 비싼) 반전용 호스트와 Cloudflare를 사용하고 있습니다!

빠른 수정을 위해 WP Rocket을 사용해 보기 로 결정했습니다. 이 게시물에서는 WordPress 속도가 왜 중요한지 배우고 페이지 속도를 측정하고 WP Rocket을 설정하는 데 사용하는 정확한 방법과 클라이언트의 WordPress 웹 사이트를 훨씬 더 빠르게 만든 방법을 살펴봅니다.

TL;DR 은 WP Rocket 플러그인을 사용하여 페이지 로드 시간을 1초 단축하고 첫 번째 바이트까지의 시간을 13배 더 빠르게 만들었습니다!

wp-rocket-before-after

WP 로켓이란?

WP Rocket은 Jonathan Buttigieg와 Jean-Baptiste Marchand-Arvier가 2013년에 만든 WordPress 속도 최적화 캐싱 플러그인 입니다.

wp-로켓 팀
모임에서 WP 로켓 팀의 일부

그들의 웹사이트에 따르면 플러그인은 현재 500,000개 이상의 WordPress 웹사이트에서 사용됩니다 .

웹사이트를 캐시하고 압축하여 성능을 개선 하고 페이지 로드 시간을 줄 입니다.

프리미엄 플러그인으로서 1년 라이선스로 사이트 1개당 39달러부터 시작합니다. 플러그인은 이 기간 후에도 계속 사용할 수 있지만 더 이상 업데이트를 받지 않습니다. 플러그인의 가장 큰 장점 중 하나는 원클릭 기능 입니다. 코딩에 대해 전혀 몰라도 결과를 얻을 수 있습니다.

페이지 속도가 왜 중요한가요?

WordPress 웹사이트는 빨라야 합니다. 왜요? 사람들은 느린 웹사이트에 짜증을 내기 때문입니다. 사이트가 로드되는 동안 기다리기를 원하는 사람.

WordPress 사이트가 느리면 사람들이 Google로 되돌아 가거나 다른 웹사이트로 이동할 수 있습니다. 당신은 방금 고객을 잃었습니다! 또는 더 나쁜 경우 - Google은 사람들이 바운스를 알고 사이트가 얼마나 느린지 알 수 있기 때문에 SERP를 낮춥니다.

예, 페이지 속도는 이제 Google 순위 요소 입니다.

공유 호스팅을 사용하거나 RAM이 적은(1 또는 2GB) 호스팅을 사용하는 경우 WordPress가 가능한 한 최적화 되어 우수하고 일관된 속도를 보장해야 합니다.

WordPress 웹 사이트의 속도를 테스트하는 방법

클라이언트의 웹사이트에서 웹페이지 테스트를 사용하여 속도 테스트를 실행하여 성능을 확인했습니다.

초기 속도 테스트

테스트를 실행하기 전에 여러 변수를 수정할 수 있습니다. 트래픽이 가장 많은 곳 으로 위치를 설정하는 것이 좋습니다(저는 영국 기반 웹사이트를 테스트할 때 런던을 사용했습니다).

브라우저를 선택하고 (사이트 사용자에게 가장 인기 있는 Chrome을 사용했습니다) 웹 연결 속도를 선택할 수 있습니다 . 사이트에 모바일 트래픽이 많이 발생하는 경우 3G로 이동하십시오. 사이트 속도를 완전히 테스트하려면 인터넷 연결이 가장 나쁜 사용자에 대해 사이트가 어떻게 수행되는지 알아야 합니다.

대표적인 결과를 얻으려면 내부 페이지(또는 사이트에서 가장 인기 있는 페이지)를 테스트하는 것이 좋습니다 .

위의 스크린샷에서 웹페이지 테스트가 A에서 F까지 많은 등급을 제공한다는 것을 알 수 있습니다. 멋지게 보일 수도 있지만 실제 로드 시간이 더 중요합니다.

저는 모든 페이지 기능이 로드되는 데 걸리는 시간을 나타내는 로드 시간 (2.857)을 확인하고 싶습니다(분석 스크립트와 같은 추가 파일도 포함하기 때문에 전체 로드는 약간 더 높을 것입니다).

또한 첫 번째 바이트 (TTFB라고도 함 - 첫 번째 바이트까지의 시간)도 살펴봅니다. TTFB 는 서버가 데이터의 첫 번째 바이트를 보내는 데 걸린 시간을 나타냅니다. 느린 TTFB는 일반적으로 서버가 느리거나 WordPress 데이터베이스 성능이 좋지 않음을 의미합니다.

더 많은 데이터를 얻기 위해 Waterfall View 를 살펴보았습니다.

초기 페이지 로드 폭포

폭포 보기는 페이지의 로드 시간을 각 개별 요소로 나눕니다. 색상으로 구분된 키 덕분에 요소 유형(html, css, 이미지 등)을 쉽게 볼 수 있습니다.

위의 스크린샷에서 내가 테스트한 페이지에서 가장 느린 로딩 요소가 이미지임을 알 수 있습니다.

변경하기 전에 웹사이트를 백업하십시오!

조정하기 전에 전체 WordPress 웹 사이트를 백업했습니다 . 이것은 플러그인을 설치하거나 코드를 변경하기 전에 항상 수행하는 중요한 단계입니다. 저를 믿으세요. 나중에 역추적하는 것보다 쉽습니다.

다음으로 WP Rocket의 단일 사이트 라이선스를 $39에 구입했습니다. 가격에 이미 VAT가 포함되어 있다는 사실을 알게 되어 기뻤습니다(내 고객은 영국에 있음). 필요한 경우 더 많은 웹사이트에 대한 대량 라이선스를 얻을 수 있습니다.

wp-로켓 가격

그런 다음 플러그인을 다운로드하여 WordPress 대시보드에 바로 설치했습니다.

WP 로켓을 설치하는 방법

대시보드에서 WP Rocket을 다운로드합니다.

WordPress 웹사이트에 로그인하고 플러그인 ->새로 추가 로 이동하여 플러그인 업로드를 클릭합니다.

install-wp-rocket

" 찾아보기 "를 클릭하고 WP Rocket zip 파일을 선택한 다음 지금 설치 를 클릭합니다.

그것만큼 쉽습니다.

설치되면(몇 초 소요) WP Rocket 대시보드 가 ​​표시됩니다.

wp 로켓 대시보드

좋은 소식은 플러그인이 이미 작동하고 있다는 것입니다!

몇 가지 해고 통지와 거쳐야 할 옵션이 있습니다.

WP Rocket에는 이 플러그인에서 광고하는 Imagify라는 이미지 최적화 서비스도 있습니다. 나는 지금 그것을 테스트하는 데 관심이 없으므로 메시지를 닫았습니다.

어떤 이유로 지원에 액세스하려면 광고 차단기를 끄라고 합니다. 나는 지원이 필요하지 않았기 때문에 그 메시지를 닫았습니다.

또한 플러그인이 민감하지 않은 진단 데이터를 수집하는 것을 허용하지 않았습니다.

내가 최적화하는 사이트는 Cloudflare 를 사용하기 때문에 몇 가지 설정을 조정해야 했습니다. Cloudflare를 사용하지 않는 경우 다음 섹션을 건너뛸 수 있습니다.

Cloudflare로 WP 로켓을 설정하는 방법

WordPress 관리자 패널의 WP Rocket 대시보드에서 " 추가 기능 "으로 이동하여 Cloudflare 추가 기능을 "켜기"로 켭니다.

Cloudflare 추가 기능

플러그인이 Cloudflare와 동기화하려면 3비트 데이터를 추가해야 합니다.

wp-rocket-cloudflare-settings

글로벌 API 키 : Cloudflare 계정에 로그인하여 가져옵니다. API 키로 아래로 스크롤한 다음 "보기"를 클릭하는 것보다 "내 프로필"로 이동합니다. API를 얻으려면 계정 비밀번호를 다시 입력하고 보안 문자를 수행해야 합니다.

클라우드플레어 API

계정 이메일 : Cloudflare 계정에서 사용하는 이메일 주소입니다.

영역 ID : Cloudflare의 기본 웹사이트 개요 패널에서 찾을 수 있습니다. "고급"을 클릭하면 영역 ID가 아래에 표시됩니다.

Cloudflare 영역 ID

팁: 이제 WP가 Cloudflare와 동기화되었으므로 더 이상 Cloudflare 플러그인을 사용할 필요가 없습니다. WP Rocket에서 직접 Cloudflare를 관리할 수 있습니다.

내 사용자 정의 WP 로켓 설정

최상의 결과를 얻기 위해 WP Rocket 설정 을 다음과 같이 변경했습니다. 선택 사항이며 사이트에서 최고의 속도 를 제공하는 항목을 확인하기 위해 함께 재생할 수 있습니다.

다음은 기본 설정 패널입니다. 왼쪽의 탭으로 이동하여 수정해야 하는 설정을 찾습니다.

대시보드-wp-로켓

캐시 설정

나는 이것들을 그대로 두었다

파일 최적화 설정

HTML 축소 – 켜기

Google 글꼴 파일 결합 - ON

정적 리소스에서 쿼리 문자열 제거 – ON

기본 설정

CSS 파일 축소 – 켜기

CSS 전달 최적화 – 켜짐

CSS 설정

JavaScript 파일 최소화 - ON

지연된 JavaScript 로드 – 켜짐

자바스크립트 설정

WP Rocket은 HTTP/2를 사용하는 사이트에 CSS 또는 자바스크립트를 결합하는 것을 권장하지 않습니다. 사이트에서 HTTP/2를 사용하는지 확실하지 않은 경우 여기를 확인하세요.

미디어 설정

이미지용 LazyLoad – ON

이모티콘 비활성화 – 켜기

WordPress 내장 비활성화 – 켜기

지연 로드

호스트가 Varnish (HTTP 요청 속도를 높이는 서버 소프트웨어)를 사용하는 경우 Varnish 추가 기능을 활성화해야 합니다.

바니시 애드온

호스팅 공급자가 서버에서 Varnish를 사용하는지 여부를 모르는 경우 직접 확인하거나 설명서를 보면 일반적으로 매우 명확합니다.

설정을 내보내거나 가져올 수 있습니다. 여러 웹사이트에서 플러그인을 사용할 계획이라면 좋은 생각입니다.

WordPress 데이터베이스 정리

이전 섹션에서 자세히 설명한 캐싱 설정 외에도 WP Rocket을 사용 하여 WordPress 데이터베이스를 빠르게 정리했습니다 .

데이터베이스 설정

수정본 삭제 – WordPress가 자동으로 저장하는 오래된 부분 게시물을 제거합니다.

자동 초안 삭제 – 설명이 필요 없습니다!

데이터베이스 정리

일시적인 정리 – 메모리의 임시 저장소를 정리합니다. 이것은 필요에 따라 재생성되지만 오래되거나 거의 사용되지 않은 플러그인에서 정크를 정리하는 것이 좋습니다.

테이블 최적화 – 켜짐

데이터베이스 최적화

결과

WP 로켓이 작동합니까?

캐시를 제거하고 다시 빌드한 다음 이전과 동일한 설정을 사용하여 웹페이지 테스트를 다시 실행했습니다.

결과는 다음과 같습니다 .

wp-로켓 결과

와, 저 TTFB 속도 좀 보세요!

WP 로켓을 구매, 설치 및 설정하는 데 20분이 걸렸고 웹사이트는 로딩 시간이 2.9초에서 1.8초로 줄었습니다.

Time to First Byte 속도는 0.9초에서 0.069로 훨씬 더 개선되었습니다 . 그것은 13배 더 빠릅니다 .

다음은 WP Rocket의 효과를 쉽게 볼 수 있도록 전후 그래픽입니다.

wp-rocket-before-after

결과에 매우 감동했습니다.

이 사이트는 또한 Google의 PageSpeed ​​통계에서 우수한 모바일 최적화 점수 (84/100)를 받았습니다.

페이지 속도 통계

데스크톱 성능은 73/100으로 평가되었지만 이 사이트는 주로 모바일에 최적화되어 있으므로 나에게 중요하지 않습니다.

솔직히 말해 PageSpeed ​​인사이트 점수는 다른 어떤 것보다 허영심 지표에 가깝습니다. 예, 자랑하는 것은 좋지만 실제로 중요한 것은 페이지 로드 시간입니다.

개선의 여지

이상적으로 는 사이트가 더 빨리 로드되도록 하고 싶습니다 (가능한 경우 1초 미만). 나는 웹페이지 테스트의 폭포수 보기에서 사이트 의 이미지를 최적화하여 이 작업을 수행할 수 있음을 알 수 있습니다(이미지는 상당히 크고 외부에서 호스팅됨).

WP Rocket이 사이트의 이미지에 대해 할 수 있는 일은 없지만(오프사이트에서 호스팅되기 때문에 다른 플러그인도 할 수 없음) 수동으로 수행할 수 있습니다(이미지를 호스팅하도록 CDN을 설정하거나 이미지를 사이트로 가져옴으로써). 작은 파일 크기에 최적화). 곧 작업에 착수하겠습니다!

지속적인 속도 유지

시간이 지남에 따라 데이터베이스가 쓰레기로 가득 차서 웹 사이트 속도가 다시 느려질 수 있습니다 .

WP Rocket을 사용하면 정기적으로 실행되도록 사후 정리 및 데이터베이스 최적화 기능을 자동화할 수 있으므로 (저는 매주 실행했습니다) WordPress 사이트에 많이 로그인하지 않아도 작업이 빠르게 유지됩니다.

클라이언트 사이트에서 플러그인을 사용하는 저에게 이 기능은 클라이언트가 아무것도 할 필요가 없고 WP Rocket이 자동 조종 장치에 최적화된 상태를 유지 하기 때문에 필수적입니다.

최종 평결: WP Rocket은 그만한 가치가 있습니까?

짧은 대답은 다음과 같습니다. 예!

39달러와 20분 동안 나는 WordPress 웹사이트 속도를 크게 높이고 내 개입 없이 빠르게 실행되도록 자동 최적화를 설정했습니다.

예, WordPress 웹 사이트를 더 빠르게 만들려면 WP Rocket을 사용하는 것이 좋습니다.

필요하지 않은 유일한 사람은 수동으로 조정을 수행할 수 있는 코더이거나 정교한 서버 측 캐싱이 활성화된 호스팅을 사용하는 사람입니다.

최고의 WordPress 플러그인 및 테마 목록에 플러그인을 추가했습니다. 추가 권장 사항이 필요한 경우 살펴보세요.

내 제휴사 링크를 사용하여 WP Rocket을 구입하면 이 사이트를 운영하는 데 드는 비용으로 약간의 추천 ​​대금을 받게 됩니다(추가 비용 없음). 감사!

WP 로켓 쿠폰 및 거래

최신 쿠폰 코드는 공식 사이트에서 확인하세요.

플러그인은 그 자체로 매우 저렴하지만 거래가 절실하다면 WP Rocket은 특히 블랙 프라이데이 시간에 항상 쿠폰이나 거래를 사용할 수 있습니다.