|

글로벌 독자들이 최상의 경험을 얻을수 있는 워드프레스 블로그 만들기 – 클라우드와 CDN 연동

“이 포스팅은 워드프레스 블로그 최적화에 대한 내용입니다. 특히, 글로벌 독자를 대상으로 하는 워드프레스 블로그 사이트를 직접 운영하고 계시는 분들이 더 잘 참고하실 수 있도록 제작 되었습니다. 저와 같이 OCI와 Cloudflare를 연동하는 방법에 대해 궁금하신 분들에게 도움이 되면 좋겠습니다.”

글로벌 독자들에게 블로그 컨텐츠를 서비스하는 글로벌 블로그를 제공하기 위해서는 반드시 필요한 것이, 전 세계 어디에서나 빠르고 안정적으로 블로그 접속이 가능해야 한다는 점 입니다. Oracle Cloud Infrastructure(OCI)는 뛰어난 성능과 안정성을 제공하지만, 특정한 한곳의 데이터 센터에서 서비스가 운영되다 보니 지리적으로 먼 위치에 있는 사용자들의 경우 불가피하게 긴 로딩 시간을 경험할 수 있습니다. 이러한 글로벌 서비스의 한계를 극복하기 위해 Cloudflare의 CDN 서비스를 활용해서 글로벌 블로그를 최적화하는 방법을 소개해 드리고자 합니다.

우선, 글로벌 워드프레스 블로그를 운영하기 위해 제가 선택한 구성은 다음과 같습니다.

  • Oracle Cloud(OCI) 한국 리전에 계정을 하나 만들고 무료로 제공되는 자원을 사용해서 워드프레스용 인스턴스를 하나 만들었습니다
  • name.com을 통해 도메인(예를 들면, datainhands.com)을 하나 구매해서 이 도메인을 워드프레스 인스턴스와 연결해 놓았습니다
  • 기본적인 워드프레스 설정은 완료한 상태 입니다
워드프레스가 한국에 위치한 데이터센터에서 운영되고 있다보니, 방문자가 외국에서 접속 하는 경우에는 페이지 로딩 속도가 느려질 수 있습니다. 이런 문제를 해결하기 위해 Cloudflare의 글로벌 CDN을 활용하여 성능을 개선해 보려고 합니다.

Cloudflare란?

Cloudflare는 전 세계 275개 이상의 도시에 CDN 서버를 보유하고 있는 글로벌 네트워크 서비스입니다. CDN을 통해 웹사이트의 콘텐츠를 방문자와 가까운 서버에 캐싱하여 제공함으로써, 로딩 속도를 크게 개선할 수 있습니다. 또한 DDoS 방어, SSL 인증서 제공, 웹 방화벽 등 다양한 보안 기능도 함께 제공합니다.

Cloudflare 도입의 이점

Cloudflare를 도입함으로써 얻을 수 있는 주요 이점은 다음과 같습니다:

  1. 글로벌 성능 향상
    • 275개 이상의 도시에 위치한 CDN 서버를 통한 콘텐츠 전송
    • 사용자와 가까운 위치에서 캐싱된 콘텐츠 제공
    • 페이지 로딩 시간 대폭 감소
  2. 보안 강화
    • 무료 SSL/TLS 인증서 제공
    • DDoS 방어 기능
    • 웹 애플리케이션 방화벽(WAF)
  3. 최적화 기능
    • 자동 파일 최소화(minification)
    • 이미지 최적화
    • 스마트 라우팅을 통한 네트워크 최적화

구현 개요

Cloudflare 구현은 다음과 같은 주요 단계로 이루어집니다:

1. Cloudflare 계정 설정

먼저 Cloudflare 계정을 만들어야 합니다. cloudflare.com에 접속하여 회원가입을 진행합니다. 이메일 주소와 비밀번호만 있으면 쉽게 가입할 수 있습니다.

Cloudflare Home
  • cloudflare.com에 접속합니다.
  • 우측 상단의 ‘Sign Up’ 버튼을 클릭합니다.
  • 이메일 주소와 비밀번호를 입력하여 계정을 생성합니다.
  • 이메일 인증을 완료합니다.

2. 도메인 등록

Cloudflare 대시보드에서 “Add Site” 버튼을 클릭하고, name.com에서 구매한 도메인을 입력합니다. 개인 블로그의 경우 무료 플랜으로도 충분한 기능을 제공받을 수 있으므로, Free Plan을 선택합니다.
Cloudflare add existing domain
  • 대시보드에서 ‘Add a Site’ 버튼을 클릭합니다.
  • ‘Existing domain’을 선택합니다.
  • name.com에서 구매한 도메인 주소를 입력합니다.
  • Plan 선택 화면에서 ‘Free’ 플랜을 선택합니다.
    • 무료 플랜으로도 CDN, 기본 DDoS 보호, SSL 인증서 등 핵심 기능을 사용할 수 있습니다.

3. DNS 설정 마이그레이션

기존 DNS 레코드 검토

Cloudflare는 자동으로 현재 DNS 레코드를 스캔합니다. 이때 중요한 것은 OCI 인스턴스의 IP 주소가 정확하게 A 레코드에 설정되어 있는지 확인하는 것입니다. 잘못된 정보가 있다면 이 단계에서 수정할 수 있습니다.

Cloudflare - scan DNS records
  • Cloudflare가 자동으로 스캔한 DNS 레코드를 확인합니다.
  • OCI 인스턴스의 A 레코드가 정확한지 확인합니다:
  • ‘Continue to activation’을 클릭하고 진행 합니다.
Cloudfalre - domain regisgtratrion - continue to activation

4. 네임서버 변경

이 단계는 매우 중요합니다. Cloudflare가 제공하는 네임서버 주소를 name.com의 도메인 설정에서 변경해야 합니다. 일반적으로 두 개의 네임서버 주소가 제공되며, 이를 정확하게 입력해야 합니다.

  • Cloudflare가 제공하는 네임서버 주소를 복사합니다. (일반적으로 2개 제공)
Cloudflare - name server info
  • name.com 대시보드에 로그인합니다.
name.com login
  • 도메인 관리 페이지로 이동합니다.
  • ‘Nameservers’ 섹션을 찾습니다.
name.com namesserver management
  • 기존 네임서버를 삭제하고 Cloudflare 네임서버를 입력합니다.
  • 변경사항을 저장합니다.
name.com - delete existing name servers

등록 완료까지 최장 24시간이 걸린다고 안내는 되지만, 일반적으로 5~10분 정도후에 완료되었다는 이메일을 받게 됩니다.

5. SSL/TLS 보안 설정

Cloudflare 대시보드의 SSL/TLS 섹션에서 보안 설정을 구성합니다. 워드프레스의 경우 “Full” SSL 모드를 권장합니다. 이는 Cloudflare와 원본 서버(OCI 인스턴스) 간의 통신도 암호화하여 더 높은 보안성을 제공합니다.

 

인증서 모드 설정

  1. Cloudflare 대시보드에서 ‘SSL/TLS’ 탭으로 이동합니다.
  2. ‘Overview’ 섹션에서 SSL/TLS 암호화 구성을 선택합니다:
Cloudflare - SSL/TLS Encryption Configuration
Cloudflare - SSL/TLS Encryption Configuration

Custom SSL/TLS 옵션 설정

OCI 클라우드의 워드프레스 인스턴스와 Cloudflare를 연동하는 상황에서는 “Full” 모드를 권장드립니다. 그 이유는:

  1. 클라우드 인스턴스는 기본적으로 자체 서명된 SSL 인증서를 사용할 수 있습니다. 이는 유효한 인증서일 수 있지만 공개적으로 신뢰되는 인증 기관에서 발급된 것은 아닐 수 있습니다.
  2. “Full” 모드를 통해서는:
    • 글로벌 독자와 Cloudflare 사이의 연결이 암호화되며
    • Cloudflare와 클라우드 서버 사이의 연결도 암호화됩니다.
Custom SSL/TLS 옵션 선택
Cloudflare - Custom SSL/TLS 옵션 선택

Edge 인증서 설정

  1. ‘Edge Certificates’ 섹션으로 이동합니다.
    • ‘Always Use HTTPS’를 활성화합니다.
    • Minimum TLS Version을 ‘1.2’로 설정합니다.
Cloudflare - SSL/TLS Edge Certificates
Cloudflare - SSL/TLS Edge Certificates

6. 캐시 최적화

캐시 설정은 성능 향상에 매우 중요합니다. Cloudflare의 CDN 설정은 주로 “Caching” 섹션에서 이루어집니다. 대시보드에서 “Caching”으로 이동하면 여러 중요한 설정들을 찾을 수 있습니다.

기본적인 CDN 설정은 다음과 같은 순서로 진행되며, 함께 예시로 든 값으로 설정하는 것을 추천합니다:

기본 캐시 설정

  1. ‘Caching’ 탭으로 이동합니다.
  2. ‘Configuration’ 에서 다음 설정을 적용합니다:
    • Browser Cache TTL: 4시간
    • Always Online: 활성화
    • Cache Level: Standard
Cloudflare - Caching Configuration 1
Cloudflare - Caching Configuration 1
Cloudflare - Caching Configuration 2
Cloudflare - Caching Configuration 2

페이지 규칙 설정

기본적인 캐싱 동작을 설정할 수 있습니다. 여기서는 브라우저 캐시 TTL(Time To Live)을 설정하게 되는데, 이는 방문자의 브라우저가 얼마나 오래 콘텐츠를 저장할지를 결정합니다. 일반적으로 워드프레스 사이트의 경우 4시간(4 hours)으로 설정하는 것이 좋습니다.

  1. ‘Page Rules’ 탭으로 이동합니다.
  2. ‘Create Page Rule’을 클릭합니다.
  3. 워드프레스 관리자 페이지용 규칙 생성:
    • URL 패턴: *wp-admin* 
    • 설정: Cache Level: Bypass
Cloudflare - Page Rules for WP-ADMIN
Cloudflare - Page Rules for WP-ADMIN

위와 같은 설정들이 완료되면, Cloudflare는 자동으로 콘텐츠를 전 세계 데이터센터에 분산하여 캐시하게 됩니다. 방문자는 자신과 가장 가까운 데이터센터에서 콘텐츠를 받게 되어 빠른 로딩 속도를 경험할 수 있습니다.

캐시가 제대로 작동하는지 확인하려면 브라우저의 개발자 도구에서 응답 헤더를 확인할 수 있습니다. cf-cache-status 헤더가 HIT으로 표시되면 캐시가 정상적으로 작동하는 것입니다.

7. 워드프레스 최적화

성능 최적화

Cloudflare는 워드프레스에 특화된 최적화 옵션을 제공합니다:

  1. ‘Speed’ → ‘Optimization’으로 이동합니다.
  2. 다음 설정을 활성화합니다:
    • JavaScript, CSS, HTML 자동 최소화
    • Brotli 압축 활성화
    • Rocket Loader 활성화 (자바스크립트 로딩 최적화)

이미지 최적화

  1. ‘Images’ 섹션에서:
    • Polish: On (Lossless)
    • Lazy Loading: On

8. 모니터링 및 분석 설정

 분석 도구 활성화

  1. ‘Analytics’ 탭으로 이동합니다.
  2. ‘Web Analytics’를 활성화합니다.
  3. 필요한 JavaScript 스니펫을 워드프레스 테마의 header.php에 추가합니다.

성능 모니터링

  1. ‘Speed’ → ‘Analytics’에서 페이지 로드 시간을 모니터링합니다.
  2. 캐시 적중률(Cache Hit Rate)을 확인합니다.

9. 문제 해결 및 유지 관리

캐시 관리

  • 콘텐츠 업데이트 후 캐시 삭제:
    1. ‘Caching’ → ‘Configuration’으로 이동
    2. ‘Purge Everything’ 클릭

SSL 문제 해결

  • 혼합 콘텐츠 경고 시:
    1. 워드프레스 관리자 페이지에서 사이트 URL을 https로 업데이트
    2. 데이터베이스 내 URL 일괄 변경 필요

설정 확인 및 테스트

구현 완료 후 다음 항목을 체크합니다:

  1. SSL 정상 작동 여부
    • 브라우저에서 자물쇠 아이콘 확인
    • SSL Labs 테스트 실행
  2. 페이지 로드 속도
    • Google PageSpeed Insights 테스트
    • GTmetrix 성능 분석
  3. 캐시 동작
    • 개발자 도구로 캐시 응답 헤더 확인
    • Cloudflare 캐시 적중률 모니터링

기대 효과

설정을 완료하면 다음과 같은 효과를 기대할 수 있습니다:

    • 글로벌 독자의 페이지 로딩 시간 50-70% 감소
    • 서버 부하 감소로 인한 비용 절감
    • 보안성 강화
    • 가용성 향상

 

마치며

이상으로, 각 단계별 설정 방법과 최적화 팁을 구체적으로 살펴 봤습니다. 이 가이드를 따라 설정을 완료하면, 글로벌 독자들이 전 세계 어디서나 빠르고 안정적으로 접속 가능한 워드프레스 블로그를 운영할 수 있도록 클라우드와 CDN 연동이 가능 하게 됩니다.

구현 과정에서 도움이 필요하신가요? 아래 댓글을 남겨주시면 여러분의 특정 설정 요구사항에 대해 기꺼이 도움을 드리도록 하겠습니다.

관련 글: 워드프레스 고급 보안 설정 가이드워드프레스 성능 최적화 | OCI OCI 컴퓨트 인스턴스 모범 사례 | Cloudflare Cache/CDN

본 가이드는 WordPress 6.4+ 및 2025년 1월 기준 Oracle Cloud Infrastructure의 최신 기능을 바탕으로 작성되었습니다. 가장 최신 정보를 확인하시려면 공식 문서를 참조해 주시기 바랍니다.

Similar Posts

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다