워드프레스 사이트를 최적화하는 W3 Total Cache 플러그인

  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

워드프레스 캐시 플러그인

워드프레스 사이트의 속도가 느린 경우 캐시 플러그인이 도움이 될 수 있습니다. 대표적인 캐시 플러그인으로 W3 Total CacheWP Super Cache가 있습니다. WP Super Cache는 처음 워드프레스를 접하는 사용자에게 적합하고, 워드프레스에 익숙해지면 W3 Total Cache 플러그인을 사용하는 게 좋다고 하네요.

이전 웹호스팅 서버가 불안정하여 새로운 웹호스팅 서버(Bluehost VPS)로 이전했습니다. 그런데 막 이전해서 그런지 사이트 속도가 느리네요. 그래서 W3 Total Cache 플러그인을 설치했는데 생각보다 속도가 훨씬 빨라졌습니다.

※ 2018년 12월 27일 업데이트: 테마를 변경한 후에 캐시 문제가 발생하여 현재 Hyper Cache 플러그인을 사용하고 있습니다. 사용하는 환경에 따라 궁합에 맞는 캐시 플러그인을 선택하는 것이 중요한 것 같습니다. 무료 캐시 플러그인으로 기대에 못 미치는 경우 WP Rocket 같은 유료 캐시 플러그인을 사용할 수 있습니다. (유료 캐시 플러그인 중에는 WP Rocket이 많이 사용되는 것 같습니다.)

W3 Total Cache 플러그인을 설치한 후에 다음과 같이 설정하면 됩니다.

General Settings 설정

먼저 Performance > General Settings로 이동합니다.

Page Cache 설정

Page CacheMinify 설정

Minify* 참고로 Minify CSS 설정으로 인해 사이트가 깨져나올 수 있습니다. 이 경우 이 설정을 Disable로 지정하면 됩니다(Enable의 체크란 해제).

Database Cache 설정

Database CacheObject Cache 설정

Object CacheBrowser Cache 설정

Browser Cache설정 후에 Save all settings를 눌러 설정을 저장합니다.

Performance > Page Cache 설정

이제 Performance > Page Cache로 이동합니다. 다음과 같이 설정합니다.

Page Cache - 2Save all settings를 눌러 설정을 저장한 후에, 브라우저로 사이트를 열어봅니다. 오른쪽 마우스 버튼을 누르거나 설정에서 "페이지 소스 보기"를 클릭하여 소스 보기 화면을 열도록 합니다. 그런 다음 맨 아래에 다음 그림과 같은 코드가 있는지 확인합니다. 코드가 있다면 정상적으로 작동하는 것입니다.

w3 total cache source이상으로 W3 Total Cache 플러그인의 설정을 마쳤습니다. 글을 작성하거나 위젯 등을 설치한 후에는 캐시를 지워주는 게 좋습니다. 그렇지 않으면 이전 글이나 설정이 표시되는 문제가 발생할 수 있습니다. 저는 캐시를 쉽게 지울 수 있도록 Clear Cache For Me라는 플러그인을 설치했습니다.

추가

위의 설정은 예시로써 실제 상황에서는 서버 환경에 따라 조금씩 조정하면서 속도 향상 여부를 체크해보시기 바랍니다. 캐시를 지운 후에는 조금 시간 여유를 두어야 제대로 된 속도를 확인할 수 있습니다. (캐시가 쌓이기까지 조금 시간이 걸릴 수 있습니다.)

예를 들어, Page Cache 설정을 Disk: Enhanced를 권장하지만, 이 옵션은 Shared Server(공유 서버)일 경우에 적합합니다. 해외 호스팅 서비스인 블루호스트의 VPS에서 Memcached를 설치한 후에 Memcached를 선택해주니 속도가 조금 더 빨라지는 확인할 수 있었습니다.

블루호스트 Memcached 설정

2017년 6월 16일 추가: 우커머스 사용 시 "무시하는 쿼리 문자열" 추가

WooCommerce를 사용하는 경우 W3 Total Cache를 활성화하면 맨 위에 오류(알림) 메시지가 표시됩니다.

In order for database caching to work with WooCommerce you must add _wc_session_ to the “Ignored Query Strings” option in W3 Total Cache settings here.

우커머스가 설치된 경우 Database Cache를 사용하기 위해 “Ignored Query Strings" 옵션에 _wc_session_를 추가하면 됩니다. Performance > Database Cache를 클릭하고 Advanced 섹션 아래에 Ignored query stems: 입력란에 _wc_session_를 추가하시기 바랍니다.

WP Super Cache를 사용했을 때 처음 로딩 시간이 너무 걸려서 W3 Total Cache를 설치하여 설정하니까 그런 현상이 사라지네요. 여러 가지 캐시 플러그인을 테스트하여 사용하는 환경에 맞는 캐시 플러그인을 선택하면 좋을 듯 합니다.

참고:



14 개 댓글

  1. 현재 토탈캐시 잘 쓰고 있습니다.
    말씀하신대로 minify는 안쓰고 있습니다.
    그 이외에는 전부 적용하고 있으며
    우분투에 redis를 깔아서 disk보다 redis에 캐시 저장소로 지정하는게
    더 좋은 것 같습니다.

    감사합니다.

    응답
    • 최근 어떤 분이 redis로 설정하면 속도가 매우 빨라진다고 하는 글을 본 적이 있습니다.
      Total Cache 플러그인도 사이트와 궁합이 잘 맞으면 좋은 선택 같습니다.

      응답
  2. 어제 용량이 600M 이었는데 오늘 오후에 보니 1000M가 넘어서 혹시나 캐시 설정이 잘못 되어서 그런가 하고 보았더니 Database Cache 와 Browser Cache 체크가 안되었네요..
    감사합니다..^^

    응답
  3. 저는 wp super cache를 사용할때가 제일 빠른거 같네요. 너무 초보라 따라 한다고 하는데 속도는 여전히 느리네요... PageSpeed Insights로 테스트 해보면 모바일 45 테스크 35 나옵니다.

    응답
    • 안녕하세요?

      Google PageSpeed Insights는 실제 속도보다는 사이트가 얼마나 최적화되어 있는지를 보여준다고 하네요.

      제 사이트는 데스크에서 74점, 모바일에서 71점으로 이전보다 점수가 내려갔네요.

      최근 캐시 문제 때문에 브라우저 캐시를 비활성화했는데, 아마 영향을 미친 것으로 보이네요. 그리고 구글 애드센스 광고를 제거하면 사이트 속도가 훨씬 빨라지고, 점수도 더 높게 나올 것 같습니다.

      플러그인 사용을 최소화하고, 페이지 빌더도 가급적이면 비주얼 컴포저를 사용하지 않으면 도움이 될 것입니다.

      https://www.thewordcracker.com/basic/pros-and-cons-of-page-builder-of-wordpress/

      응답
      • 코딩식이 없서 비주얼 금방 포기할수가 없네요. 그래서 CSS3도 배울려고 하는데 헛걸음 안하게 조언 좀 부탁해도 될까요?

      • CSS는 다음 글을 참고해보세요.

        https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4%EC%97%90-css%EB%A5%BC-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95%EA%B8%B0%EC%B4%88/

        생활 코딩에서 제공하는 무료 강의나 서점에서 책을 하나 구입하며 보시면 도움이 될 것입니다.

        페이지 빌더의 경우 Elementor 페이지 빌더가 가볍다고 평이 있습니다. 무료니까 테스트해보셔도 괜찮을 것 같습니다.

        https://www.thewordcracker.com/basic/%EB%AC%B4%EB%A3%8C-%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%B9%8C%EB%8D%94-elementor-page-builder/

  4. 안녕하세요. 얼마전에 홈페이지 캐시플러그인 문제로 유료서비스를 받았는데요, 지금은 캐쉬플러그인 제거 후 속도관련 플러그인은 wp optimize만 사용하고 잇습니다. w3 total cache을 함께 사용해도 문제가 없을까요?

    응답
  5. Object Cache는 설정하지 않는 것이 좋다고 하네요.
    설정했을 때와 해제했을 때 비교를 해보고 더 빠른 설정으로 선택해도 될 것 같습니다.

    참고: http://www.onlinemediamasters.com/w3-total-cache-settings/

    응답
  6. 안녕하세요.

    홈페이지 속도를 높이기위해 cache, minify 플러그인을 설치하려는데, 다 실패했습니다.ㅠㅠ

    cache 플러그인은,
    거의 5-6개 정도의 cache플러그인을 깔아보았는데 그중 하나도 실행이 안됩니다.
    minify 플러그인을 깔면 홈페이지가 망가집니다..
    이런경우는 왜 그런거죠
    응답
    • 안녕하세요?
      수고가 많으시네요. 간혹 cache 플러그인이나 minify 플러그인을 설치하면 홈페이지가 깨진다는 글을 본 적이 있습니다. 그래서 이 블로그의 어떤 글에서 "복불복"이라는 표현을 사용한 적이 있는데요, 그런 경우는 드물지만 발생하는 것 같습니다. 캐시 기능은 호스팅 서버 자체에서도 제공할 수 있으므로 웹호스팅 업체에 한 번 문의해보시면 어떨까요? 가령 웹호스팅 서버에서 캐시 기능이 활성화되어 있다면 끄고 시도해본다든지, 혹은 웹호스팅 서버의 캐시 기능을 사용한다든지 등...

      응답
    • 조금 더 부가하자면, 혹은 테마를 변경하여 시도해보시면 어떨까요? 만약 다른 테마에서는 잘 되는데 특정 테마에서 안 된다면 테마 자체의 문제가 될 것입니다. 또는 플러그인을 모두 활성화하고 시도하여 플러그인 충돌 문제인지도 파악이 가능할 것 같습니다. 만약 테마를 바꾸어도 동일한 현상이 나타나고, 플러그인을 모두 비활성화해도 같은 문제가 재현된다면, 서버쪽을 의심해봐야 할 것 같습니다.

      응답