쇼핑몰(로그인·결제 많음)용 Cloudflare 캐시 전략

1. 기본 원칙

• 제품 목록·상세 페이지는 캐시, 장바구니·결제·마이페이지·로그인은 캐시 제외.
• HTML 전체 캐시는 피하고, CSS·JS·이미지 같은 정적 리소스를 중심으로 캐시.

2. Cloudflare 기본 설정

• SSL/TLS 모드: Full (strict)
• Caching level: Standard
• Browser Cache TTL: 1시간 ~ 4시간
• Speed > Optimization:
  • Auto Minify: HTML, CSS, JS 모두 On
  • Brotli: On
  • Rocket Loader: 기본 Off (결제 스크립트 충돌 방지)

3. Cache Rules 예시

3-1. 장바구니·결제·계정 전부 Bypass

조건(OR):
  Path contains "/cart"
  Path contains "/checkout"
  Path contains "/my-account"
  Path contains "/account"
  Path contains "/wc-api"
  Path contains "/wp-json"

동작:
  Cache: Bypass
  Origin cache control: On
  (필요 시) Disable performance features: On

3-2. 로그인·관리자 Bypass

조건(OR):
  Path contains "/wp-login.php"
  Path contains "/wp-admin"

동작:
  Cache: Bypass
  Security level: High

3-3. 정적 리소스만 강하게 캐시

조건:
  File extension in
    jpg, jpeg, png, webp, gif,
    svg, css, js, ico, woff, woff2

동작:
  Cache level: Cache everything (또는 Use cache)
  Edge TTL: 1주 ~ 1개월
  Browser TTL: 1주 이상

4. 워드프레스/우커머스 설정 포인트

• WooCommerce 설정에서 Cart, Checkout, My Account 페이지 URL이 위 Bypass 규칙과 정확히 일치하는지 확인.
• 캐시 플러그인(WP Fastest Cache, W3TC 등)에서
  • 로그인 사용자 캐시 비활성화
  • /cart, /checkout, /my-account, /account, /wc-api, /wp-login.php, /wp-admin 경로 캐시 제외

5. 테스트 체크리스트

• 비로그인 상태와 로그인 상태에서 각각
  • 상품 상세 보기 → 장바구니 담기 → 결제 → 주문 완료 → 마이페이지 주문내역
  흐름을 여러 번 반복해 캐시로 인한 상태 꼬임이 없는지 확인.
• 문제 발생 시
  • Cloudflare Development Mode 켜기
  • Cart/Checkout/Account 관련 Bypass 규칙 다시 점검