친절한 우리 고모

친절한 고모의 친절한 이야기

  • 2025. 5. 1.

    by. 친절한 고모

    목차

      🚀 CDN이란?

      CDN(Content Delivery Network) 은 전 세계에 분산된 서버를 통해
      이미지, CSS, JS 등 정적 파일을 사용자와 가장 가까운 위치에서 빠르게 전달하는 시스템입니다.

      ✅ 페이지 로딩 속도 향상
      ✅ 트래픽 분산 및 서버 부하 감소
      ✅ 보안 향상 (DDoS 방어, SSL 제공)
      ✅ SEO 순위 향상 (Core Web Vitals 영향)


      ✅ 워드프레스 + CDN 구조 개요

      txt
      복사편집
      사용자 → CDN 엣지 서버 (이미지, JS, CSS) ↘ 웹 서버 (동적 콘텐츠, PHP 처리)

      📌 워드프레스는 정적 콘텐츠(assets)동적 콘텐츠(HTML/PHP) 를 나눠 처리합니다.
      CDN은 정적 파일만 맡고, 서버는 동적인 워드프레스만 처리하도록 최적화해야 합니다.


      🛠 CDN 통합 준비 사항

      항목설명
      고정된 도메인 예: cdn.yoursite.com, 또는 기본 도메인
      캐싱 전략 정적 파일만 캐싱, 로그인 페이지 등 제외
      플러그인 연동 캐시 플러그인 + CDN URL 변경 기능 필요
      SSL 인증서 CDN에서 무료 SSL 제공 (Cloudflare 기본 포함)

      🌩 Cloudflare 연동 전략

      📌 특징

      항목설명
      무료 플랜 존재 속도 + 보안 향상
      전 세계 300개 엣지 서버 아시아, 유럽 속도 우수
      DDoS 방어, WAF 보안 기능 내장 기본 보안 강화
      Always Online, HTTP/3 지원 연결 안정성 향상

      1. Cloudflare 연동 절차

      1. Cloudflare 계정 생성
      2. 도메인 추가 및 DNS 서버 변경
      3. SSL 모드: Full 또는 Full (Strict) 선택
      4. Caching > Cache Rules 설정
      5. 워드프레스용 플러그인 설치 (ex: Cloudflare 공식 플러그인)

      2. 추천 설정

      설정 항목추천값
      SSL Full (Strict)
      Auto Minify HTML, CSS, JS 모두 ON
      Brotli 압축 ON
      Rocket Loader JS가 많을 경우는 OFF (호환성 문제 가능)
      Cache Everything 비회원 콘텐츠 위주일 경우에만 사용

      🐰 BunnyCDN 연동 전략

      📌 특징

      항목설명
      유료지만 저렴 (1GB당 $0.01~) 가격 대비 성능 탁월
      Pull Zone 기반 이미지, CSS, JS 자동 캐시
      커스텀 CDN 도메인 가능 cdn.yoursite.com
      EU, 미국, 아시아 리전 우수 빠르고 안정적

      1. BunnyCDN 연동 절차

      1. BunnyCDN 계정 생성
      2. Pull Zone 생성 (origin = yoursite.com)
      3. 워드프레스 플러그인 설치
        • BunnyCDN WordPress Plugin, W3 Total Cache, LiteSpeed Cache
      4. CDN URL 설정 → 정적 파일을 자동으로 cdn.yoursite.com 경유

      2. 캐시 설정 팁

      • URL 리라이트 설정: wp-content, wp-includes 등만 적용
      • 이미지 최적화: Bunny Optimizer(유료) 활용 가능
      • HTTP/3, Brotli 등 최신 압축 옵션 ON 추천

      🎯 Cloudflare vs BunnyCDN 비교 요약

      항목CloudflareBunnyCDN
      가격 무료 시작 사용량 기반 저렴
      속도 글로벌 전역 우수 아시아, 유럽 중심 빠름
      보안 기능 강력 (WAF, SSL, 방화벽) 기본 제공
      캐싱 제어 복잡하지만 유연 직관적 설정
      사용 추천 보안 + 캐시 모두 강화할 때 정적 리소스 속도 극대화할 때

      👉 고급 운영자들은 Cloudflare + BunnyCDN 조합도 사용합니다.


      🧪 워드프레스 CDN 최적화 팁

      • 동적 페이지 캐싱 주의: 로그인/장바구니 등은 캐시 예외 처리
      • HTML은 캐시하지 않기 (로그인 체크, 사용자 권한 때문)
      • DONOTCACHEPAGE 상수 설정도 활용 가능

      ✅ CDN 적용 체크리스트

      항목완료 여부
      도메인 DNS 설정 완료 ✅ / ❌
      캐시 플러그인과 CDN 연동 완료 ✅ / ❌
      CDN URL로 정적 파일 로딩 확인 ✅ / ❌
      로그인 페이지 캐시 예외 처리 ✅ / ❌
      Cloudflare나 BunnyCDN 대시보드 확인 ✅ / ❌
      속도 측정 도구로 개선 확인 (LCP, TTFB 등) ✅ / ❌

      🚀 CDN이란?