Cloudflare는 방문자와 서버 사이에 위치하여 웹사이트 성능을 개선하기에 가장 효과적인 지점 중 하나입니다. 잘 활용하면 각 방문자와 가까운 위치에서 콘텐츠를 제공하고, 가능한 것을 캐시하며, 이미지를 최적화하고, 응답을 압축합니다. 부주의하게 사용하면 거의 도움이 되지 않거나 오히려 방해가 됩니다. 이 가이드는 2026년에 Cloudflare 웹사이트 속도를 진정으로 개선하는 설정과 기법을 다룹니다.

TL;DR

  • 가장 큰 효과는 정적 자산을 공격적으로 캐시하고, 가능한 경우 HTML을 엣지에서 캐시하는 데서 나옵니다
  • 이미지를 최적화하세요(최신 포맷, 올바른 크기, 온더플라이 변환). 이미지는 보통 페이지에서 가장 무거운 부분이기 때문입니다
  • 최신 압축, HTTP/2 또는 HTTP/3을 활성화하고 TLS를 효율적으로 유지하세요
  • 실제 데이터로 전후를 측정하세요. 모든 설정이 모든 사이트에 도움이 되는 것은 아닙니다

1. 정적 자산을 공격적으로 캐시하기

정적 파일(CSS, JavaScript, 이미지, 폰트)은 거의 변하지 않으므로 오리진이 아니라 Cloudflare 엣지에서 제공되어야 합니다.

  • 버전이 지정된 정적 자산에 긴 캐시 수명을 설정하여 재방문자와 인근 사용자가 즉시 받을 수 있게 합니다.
  • cache-control 헤더를 올바르게 사용하고, 지문(fingerprint)이 붙은 파일명을 사용해 “영구적으로” 캐시하고 변경 시 캐시를 무효화합니다.
  • 자산이 실제로 캐시에서 제공되는지 확인합니다(cf-cache-status 응답 헤더가 HIT인지 확인).

2. 가능한 곳에서 HTML을 엣지에서 캐시하기

HTML 문서 자체를 엣지에서 제공하면 오리진으로의 왕복이 사라져 Time to First Byte와 LCP가 개선됩니다.

  • 대부분 정적인 사이트에서는 전체 페이지를 엣지에서 캐시합니다.
  • 동적 사이트에서는 안전한 것(예: 익명 방문자용)을 캐시하고, 로그인했거나 개인화된 요청에서는 캐시를 우회합니다.
  • 의도적으로 하세요. 개인 정보나 세션별 데이터가 포함된 페이지를 모든 사용자에게 캐시하지 마세요.

3. 이미지 최적화하기

이미지는 일반적으로 페이지 무게에 가장 크게 기여하므로, 대개 가장 큰 LCP 개선이 여기에 있습니다.

4. 전송을 압축하고 현대화하기

  • 텍스트 기반 응답에 압축(Brotli) 을 활성화합니다.
  • 더 효율적인 다중화 연결을 위해 HTTP/2 또는 HTTP/3으로 제공합니다.
  • TLS를 효율적으로 유지하고 Cloudflare가 제공하는 최신 프로토콜 기능을 활성화합니다.

5. 로드되는 것을 줄이고 우선순위 정하기

  • CSS와 JavaScript를 minify하고 사용하지 않는 코드를 제거합니다.
  • 중요하지 않은 JavaScript를 지연시키고 서드파티 스크립트를 효율적으로 로드합니다. 이들은 성능과 INP의 흔한 원인입니다.
  • LCP 이미지와 핵심 폰트 같은 중요한 리소스를 프리로드합니다.

6. 추측하지 말고 측정하기

  • 각 변경 전후로 로딩 시간과 Core Web Vitals를 단일 랩 실행이 아니라 실제(필드) 데이터로 측정합니다.
  • 한 번에 의미 있는 변경 하나만 켜서 실제로 무엇이 도움이 되었는지 파악합니다.
  • 잘못 적용하면 해가 될 수 있는 기능에 주의하세요. 가정하지 말고 검증하세요.

핵심 요점

  • 정적 자산을 공격적으로 캐시하고, 안전한 곳이라면 어디서든 HTML을 엣지에서 캐시합니다.
  • 이미지 최적화는 보통 단일 항목으로 가장 큰 속도 향상을 제공합니다.
  • Brotli 압축과 HTTP/2 또는 HTTP/3을 활성화하고, 로드되는 것을 줄이고 우선순위를 정합니다.
  • 항상 필드 데이터로 전후를 측정하세요. 모든 설정이 모든 사이트에 도움이 되는 것은 아닙니다.

Cloudflare 웹사이트 속도와 SEO

Cloudflare 웹사이트 속도를 개선하면 성능이 Core Web Vitals에 직접 반영되기 때문에 전환율과 순위가 모두 올라갑니다. 지표 수준의 수정에 대해서는 2026년 Core Web Vitals 통과하기 를 참고하세요. 성능을 포함해 사이트를 붙잡고 있는 모든 기술적 문제를 찾으려면 기술 SEO 감사 가 우선순위가 매겨진 실행 계획을 제공합니다.

자주 묻는 질문(FAQ)

Cloudflare가 실제로 웹사이트를 빠르게 만드나요? 네, 잘 구성하면 그렇습니다. 각 방문자와 가까운 위치에서 콘텐츠를 제공하고, 정적 자산(그리고 종종 HTML)을 엣지에서 캐시하며, 이미지를 최적화하고, 응답을 압축합니다. 효과는 구성에 달려 있으며, 기본 설정만으로는 성능을 놓치게 됩니다.

가장 효과적인 단일 Cloudflare 속도 설정은 무엇인가요? 정적 자산의 공격적인 캐싱과 안전한 곳에서의 HTML 엣지 캐싱이 오리진으로의 왕복을 줄여 보통 가장 큰 효과를 줍니다. 이미지가 페이지 무게를 지배하므로 이미지 최적화가 근소한 차이로 그 뒤를 잇습니다.

동적 사이트에서 HTML을 캐시할 수 있나요? 부분적으로 가능합니다. 익명 방문자용 페이지를 캐시하고, 로그인했거나 개인화된 요청에서는 캐시를 우회합니다. 한 사용자의 개인화된 페이지나 세션별 페이지를 캐시에서 모두에게 제공해서는 안 됩니다.

사이트 속도가 SEO에 영향을 미치나요? 네. 속도는 Core Web Vitals에 반영되며, 이는 Google의 페이지 경험 신호의 일부입니다. 더 빠른 사이트는 전환도 더 잘 되므로 이점은 순위와 매출 양쪽에 있습니다.

Cloudflare가 캐시에서 제공하는지 어떻게 아나요? cf-cache-status 응답 헤더를 확인하세요. HIT는 Cloudflare 엣지에서 제공되었음을, MISS 또는 DYNAMIC은 오리진에서 왔음을 의미합니다. 이를 사용해 캐싱 규칙이 작동하는지 확인하세요.