전자상거래용Cloudflare CDN필수 설정 & 추천플랜 조합가이드
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
전자상거래용 Cloudflare CDN 필수 설정 & 추천 플랜 조합 가이드
쇼핑몰 속도는 전환율과 직결됩니다. 저는 여러 프로젝트에서 **캐시 규칙 7~9개**와 **플랜 조합 최적화**만으로 TTFB·LCP를 안정적으로 낮췄습니다. 이 글은 실전 위주로 설정값, 체크리스트, 사례를 **짧은 문단**과 **표·리스트**로 정리합니다.
CDN이 전자상거래 속도를 바꾸는 지점 (전환율·이탈률 관점)
상품 리스트·상세·장바구니·결제는 성격이 다릅니다. **정적 리소스**는 과감히 캐시하고, **개인화·결제**는 안전하게 우회해야 합니다. 저는 크롤링과 피크 트래픽을 분리해 **오리진 요청 수**를 줄이며 안정성을 확보했습니다.
- 핵심 KPI: TTFB, LCP, 캐시 히트율, 오리진 요청/초
- 측정 도구: PageSpeed Insights, WebPageTest, Cloudflare Analytics
Cloudflare 캐시 규칙 실전: 정적/동적 분리 & Bypass on Cookie
상품 이미지·폰트·JS·CSS는 **Edge Cache TTL**을 길게, 장바구니·마이페이지·결제는 **쿠키 조건**으로 우회합니다. A/B 테스트·쿠폰 쿠키는 **캐시 키에서 제외**해 중복 변형을 피합니다.
필수 캐시/페이지 규칙 패턴(요지)
- Static:
/assets/*,*.{js,css,woff2,svg}→ Cache Everything, Edge TTL↑ - Images:
/images/products/*→ browser TTL 적절히, stale-while-revalidate - API/Checkout:
/api/*,/checkout/*→ Bypass Cache, Security Level↑ - Bypass on Cookie:
cart=|session=|coupon=등 포함 시 캐시 제외
플랫폼별 메모 (Shopify·카페24·워드프레스)
- Shopify: 캐시 가능한 섹션 분리, App 프록시 엔드포인트는 Rate Limit
- 카페24: 이미지 경로 표준화 후 TTL 확대, 프로모션 배너만 즉시 퍼지
- 워드프레스: APO 사용 시 오리진 캐시 헤더 중복에 주의
Cloudflare 플랜 조합: Pro vs Business vs Enterprise
트래픽과 보안 요건에 따라 **조합**이 갈립니다. 성능만이 아니라 **운영 리스크**와 **비용**을 함께 보세요.
| 요건 | 권장 최소 | 핵심 기능 | 언제 업그레이드? |
|---|---|---|---|
| 월간 트래픽 소형, 기본 보호 | Pro | CDN, 기본 WAF, 이미지 최적화 기초 | 봇/스크래핑 급증, 해외 트래픽 확대 |
| 프로모션 피크·해외 다지역 | Business | 고급 WAF, Rate Limiting, 더 넓은 SLA | 치열한 봇 전쟁, B2C 민감 데이터 |
| 대형 커머스·민감 API | Enterprise | Bot Management, BYOIP, 전용 네임서버 | DAU·매출 임계치 돌파, 전담 지원 필요 |
Cloudflare Images & Stream: LCP·CLS 안정화
이미지는 **AVIF/WebP** 변환과 크기 지정, 비디오는 포스터·세그먼트 최적화로 초기 로딩 부담을 줄입니다. 썸네일·목록용 프리셋을 나누면 목록 LCP가 일관되게 낮아집니다.
- Images: DPR별 변형, Signed URL로 비공개 상품 보호
- Stream: 짧은 PDP 동영상은 HLS, 자동 썸네일·프리롤 최소화
WAF·Bot Management·Rate Limiting으로 전환 지키기
트래픽의 일정 비율은 자동화된 요청입니다. 장바구니·쿠폰·로그인 API에 **임계치 기반 Rate Limit**을 적용하고, 의심 User-Agent·IP 평판은 점진적으로 차단합니다.
- WAF 관리 규칙: 인젝션·취약점 스캐너 차단
- Bot: 스크래핑·매크로 반복 구매 방지
- Turnstile: UX 손상 최소 캡차 대체
Workers·R2·Queues로 오리진 비용 절감
쿠폰 검증, A/B 실험, 썸네일 생성 같은 반복 작업은 엣지로 이전하면 **오리진 호출 수를 큰 폭으로** 줄일 수 있습니다. R2에 정적 JSON·이미지를 두고, Queues로 비동기 처리하면 피크를 평탄화합니다.
사례 연구 4선: 국내·해외·역사적 트래픽 폭주
- 국내 패션몰 A: 정적/동적 분리와 Images 프리셋으로 모바일 LCP가 프로모션 기간에도 안정. 오리진 요청/초가 분산되어 결제 오류율 감소.
- 해외 D2C B: Business 플랜 + Rate Limiting으로 로그인 시도 과부하 완화. Bot 탐지 후 스크래핑 트래픽 급감.
- 티켓팅 C (과거 이벤트): Workers로 대기열 토큰을 엣지에서 검증해 서버 증설 없이 ‘광클’ 버팀.
- 마켓플 D: Stream 도입 후 PDP 동영상 초기 구간 최적화, 목록 이탈률 완만히 개선.
체크리스트 & 오류 방지 팁
- 장바구니/결제 경로는 항상 미캐시. 쿠키 조건을 규칙에 명시.
- 이미지·폰트 경로 표준화 → TTL↑, 세일 배너는 즉시 퍼지.
- A/B·쿠폰 쿠키는 캐시 키에서 제외해 변형 폭발 방지.
- 모니터링: 배포 전 시뮬레이션, 롤백 플랜 확보.
FAQ: 전자상거래 Cloudflare 최적화
Q. 캐시를 늘리면 재고/가격이 늦게 갱신되지 않나요?
정답은 **분리**입니다. 가격·재고 API는 미캐시, 목록·이미지는 캐시. 세일 시엔 프로그램적 퍼지로 특정 경로만 즉시 무효화합니다.
Q. Pro와 Business의 체감 차이는?
고급 WAF·Rate Limiting·SLA가 필요할 때 Business에서 성과가 납니다. 봇·스크래핑 이슈가 잦다면 업그레이드가 빠릅니다.
Q. 쇼핑몰 플랫폼을 바꿔야 하나요?
아닙니다. 캐시 규칙·이미지 프리셋·보안 룰만으로도 의미 있는 개선이 가능합니다.
다음 단계: 설정 템플릿 가져가기
제가 자주 쓰는 패턴을 기반으로 **캐시 규칙 초안**을 빠르게 만들 수 있습니다.
- Static/Images/API/Checkout 경로 분리
- Bypass on Cookie·캐시 키 최적화
- 즉시 퍼지 동선
댓글
댓글 쓰기