워드프레스 성능 높이는 방법 2가지 (ft. hummingbird, cloudflare)

글 목록

워드프레스 성능 점수가 왜 이래? (충격의 31점)

구글과 빙에서의 검색 유입량이 너무 적어 이유를 고민하던 중, 구글에서 제공하는 PageSpeed Insights (https://pagespeed.web.dev/)를 알게 되어 테스트를 진행해 봤다. 사이트 로딩 속도가 느리면 검색 순위에서 밀린다는 이야기를 들었기 때문이다.

결과는 처참했다.

모바일 점수 31점

데스크톱 점수 88점

  • 모바일: 31점 (심각)

  • 데스크톱: 88점 (나름 선방?)

기분이 썩 좋지 않다. 점수가 계속 변동되긴 하지만, 확실한 건 **“좋은 점수는 아니다”**라는 사실이다. 성능을 높이기 위해 내 워드프레스 환경을 점검하고 최적화 작업을 시작했다.

현재 플러그인 상태 점검

최소한으로 유지하려고 노력 중인 내 플러그인 목록이다.

내 워드프레스에 설치된 플러그인 목록

  • Ad Inserter: 구글 애드센스 광고 삽입용.

  • Code Block Pro: 코드 블록을 예쁘게 보여주기 위해 사용. (제일 괜찮음)

  • Disable XML-RPC: 보안용. .htaccess로 막으면 사이트가 먹통이 되어 어쩔 수 없이 플러그인 사용 중.

  • Rank Math SEO: 요즘 대세라는 SEO 플러그인.

  • UpdraftPlus: DB 및 데이터 백업용.

  • Wordfence: 필수 보안 플러그인.

  • Really Simple SSL: SSL 인증서 관련 (왜 설치했더라…?)

1단계: 허밍버드(Hummingbird) 플러그인 설치

성능 향상의 기본은 **‘캐시(Cache)’**라는 말을 듣고, 올인원 최적화 플러그인인 Hummingbird를 선택했다. WP Super Cache나 JS 압축 플러그인을 따로 깔기 귀찮아서 한 방에 해결하고 싶었다.

결과:

  • 모바일: 31점 $\rightarrow$ 39점

  • 데스크톱: 88점 $\rightarrow$ 90점

데스크톱은 녹색(90점대)으로 진입했지만, 모바일은 여전히 빨간색 경고등이 켜져 있다. 뭔가 나한테 경고하는 것 같아 기분이 나쁘다. 추가적인 조치가 필요하다.

2단계: 클라우드플레어(Cloudflare) CDN 적용

구글링 결과, CDN(Content Delivery Network) 서비스를 사용하라는 조언이 많았다. 가장 유명한 Cloudflare를 시놀로지 워드프레스에도 적용할 수 있다는 사실을 확인하고 바로 세팅에 들어갔다.

설명이 복잡해 보여서 쫄았는데, 막상 해보니 **“아주 매우 간단”**했다.

클라우드플레어 세팅 순서

  1. 회원가입: Cloudflare 홈페이지 접속 후 가입 (구글 계정 연동 가능).

  2. 사이트 추가: https:// 등을 뺀 순수 도메인(예: vividian.net)을 입력한다.

  3. 요금제 선택: 유료 요금제 밑에 숨어있는 [Free] 요금제를 선택한다. (개인 블로그엔 차고 넘친다.)

  4. DNS 스캔 & 계속: 뭔가 물어보면 계속 ‘다음(Continue)‘을 누르면 된다.

  5. ★ 네임서버 변경 (가장 중요):

    • 클라우드플레어에서 **“네임서버를 이것으로 바꾸세요”**라며 2개의 주소를 알려준다.

    • 내 도메인 관리 사이트(나의 경우 ‘가비아’)에 로그인한다.

    • 도메인 관리 페이지에서 네임서버 설정을 찾아, 클라우드플레어가 알려준 2개로 변경한다.

가비아 사이트에 클라우드플레어 네임서버 등록

반영까지 최대 24시간 걸린다고 겁을 주지만, 새로고침 해보니 2분 만에 반영되었다.

최종 결과: 놀라운 점수 상승

이렇게 세팅을 마치고 다시 PageSpeed Insights를 돌려봤다.

모바일 점수 62점

모바일 점수 95점

  • 모바일: 39점 $\rightarrow$ 62점 (주황색 진입!)

  • 데스크톱: 90점 $\rightarrow$ 95~100점 (완벽한 녹색!)

와! 모바일 점수가 2배가량 뛰었다. 데스크톱은 거의 만점이 나온다. 100점이라는 숫자를 보니 왠지 기분이 좋아진다. 모바일이 아직 주황색(60점대)인 건 아쉽지만, 빨간불을 탈출한 것에 만족한다.

마치며

허밍버드 플러그인 자체 테스트에서는 점수가 좀 더 짜게 나오고, 이것저것 더 고치라는 잔소리(?)가 나오긴 한다. 이건 나중에 시간 날 때 하나씩 해결해 봐야겠다.

클라우드플레어 적용이 이렇게 쉽고 효과가 좋을 줄 알았다면 진작 할 걸 그랬다. 워드프레스 속도 때문에 고민인 분들은 캐시 플러그인 + Cloudflare 조합을 강력 추천한다.