웹사이트 속도를 높이는 CDN 설정 방법

CDN이 실제로 하는 일

콘텐츠 전송 네트워크(CDN)는 지리적으로 분산된 캐시 서버들의 집합으로, 이를 엣지 노드 또는 PoP(points of presence, 접속 지점)라고 부르며, 방문자와 원본(origin) 서버 사이에 위치합니다. 누군가 페이지를 요청하면, 그 요청은 원본까지 끝까지 이동하는 대신 가장 가까운 엣지 노드로 라우팅됩니다. 엣지에 해당 자산의 캐시된 사본이 이미 있다면 즉시 반환합니다. 이는 네트워크 왕복 시간을 단축하고, 원본의 트래픽 부하를 덜어내며, 갑작스러운 급증을 흡수합니다.

가장 큰 이점은 이미지, CSS, JavaScript, 폰트, 비디오, 다운로드와 같은 정적 자산에서 나타나며, 이러한 자산은 적극적으로 캐싱할 수 있습니다. CDN은 또한 복원력을 향상합니다. 원본이 잠시 느려지거나 다운되더라도 많은 CDN은 오래된(stale) 콘텐츠를 제공할 수 있습니다. 사우디 및 GCC 사용자를 대상으로 한다면, 사용자와 가까운 엣지 위치를 선택하고(그리고 원본은 왕국 내에 유지) 지연 시간을 줄이는 동시에, 실제 데이터가 위치한 원본에 대해 데이터 거주성 및 PDPL/NCA 준수를 지원할 수 있습니다.

이 가이드는 거의 모든 공급업체에 적용되는 벤더 중립적 CDN 설정 과정을 안내합니다.

1단계: 원본 준비하기

CDN을 연결하기 전에, 원본 서버가 깔끔하고 캐싱 가능한 응답을 반환하는지 확인하세요.

• 유효한 인증서와 함께 HTTPS로 사이트를 제공하세요. CDN은 원본으로의 TLS를 선호하며(많은 경우 요구합니다).
• 자산이 안정적인 URL을 갖도록 하세요. 빌드 산출물에 핑거프린트가 포함된 파일명(예: app.4f2a9c.js)을 사용하면, 1년 동안 캐싱하면서도 배포 시 캐시를 무효화할 수 있습니다.
• 원본이 올바른 Content-Type 헤더를 보내는지 확인하세요. 잘못 표시된 자산은 캐싱을 망가뜨릴 수 있습니다.

Skyline Cloud 호스팅 또는 VPS에서 호스팅한다면, 원본이 이미 왕국 내에 있어 지역 방문자에 대한 원본-엣지 경로가 짧게 유지됩니다.

2단계: 원본에서 cache-control 헤더 설정하기

CDN은 원본이 보내는 캐시 헤더를 따릅니다. 이것이 가장 중요한 단일 단계입니다. 변하지 않는 정적 자산에는 긴 수명을, 동적 HTML에는 짧거나 없는 캐싱을 설정하세요.

Nginx 예시:

# Long-lived, fingerprinted static assets
location ~* \.(?:css|js|woff2|png|jpg|jpeg|gif|svg|webp)$ {
    add_header Cache-Control "public, max-age=31536000, immutable";
}

# HTML — let the CDN revalidate, keep it fresh
location / {
    add_header Cache-Control "public, max-age=0, s-maxage=300, must-revalidate";
}

Apache (.htaccess) 예시:

<FilesMatch "\.(css|js|woff2|png|jpg|jpeg|gif|svg|webp)$">
    Header set Cache-Control "public, max-age=31536000, immutable"
</FilesMatch>

max-age(브라우저 캐시)와 s-maxage(공유/CDN 캐시)의 차이에 유의하세요. s-maxage를 사용하면 브라우저는 항상 재검증하도록 하면서도 HTML을 엣지에서 예를 들어 5분 동안 캐싱할 수 있습니다.

3단계: CDN을 원본으로 향하게 하기

모든 CDN은 콘텐츠를 어디에서 가져올지 알아야 합니다. CDN 대시보드에서 배포(distribution)(때로는 존(zone) 또는 풀 존(pull zone)이라고도 함)를 생성하고 다음을 설정합니다.

공개 도메인과 별개로 전용 원본 호스트명(예: origin.example.com)을 사용하세요. 이렇게 하면 공개 도메인이 CDN을 가리킨 이후 리디렉션 루프가 발생하는 것을 방지하고, 디버깅을 위해 원본에 직접 접근할 수 있습니다.

4단계: DNS를 CDN으로 이전하기

이제 공개 트래픽을 엣지를 통해 라우팅합니다. 두 가지 일반적인 패턴이 있습니다.

CNAME 플래트닝 / 서브도메인(가장 일반적): 호스트명을 CDN의 엣지 호스트명으로 향하게 합니다.

www.example.com.   CNAME   d1abc2.cdn-provider.net.

Apex/루트 도메인: 루트 도메인은 DNS 사양상 단순 CNAME을 사용할 수 없습니다. DNS 공급업체의 ALIAS/ANAME/CNAME 플래트닝 기능을 사용하거나, CDN이 제공하는 애니캐스트 IP를 A/AAAA 레코드를 통해 사용하세요.

Skyline의 관리형 DNS를 운영한다면, 이러한 레코드를 한곳에서 편집할 수 있으며, 전환 중에는 낮은 TTL(예: 300초)을 유지해 변경 사항이 빠르게 전파되도록 할 수 있습니다.

5단계: 엣지에서 HTTPS 활성화하기

도메인을 위한 TLS 인증서를 CDN에서 프로비저닝하세요. 대부분의 CDN은 무료 자동 인증서(ACME/Let's Encrypt)를 제공합니다. 그런 다음:

• HTTPS를 강제하세요 — 엣지에서 HTTP를 HTTPS로 리디렉션합니다.
• 다중화되고 더 빠른 연결을 위해 **HTTP/2 또는 HTTP/3(QUIC)**를 활성화하세요.
• 트래픽이 종단 간 암호화되도록 원본으로의 TLS(full/strict 모드)를 활성화 상태로 유지하세요.

이메일 및 기타 레코드의 경우, CDN은 사용자가 향하게 한 레코드에만 영향을 미친다는 점을 기억하세요. MX 및 메일 레코드는 그대로 두세요 — 이에 대해서는 비즈니스 이메일 호스팅을 참고하세요.

6단계: 캐시가 작동하는지 확인하기

DNS가 전파된 후, 자산이 엣지에서 제공되고 있는지 확인하세요. 응답 헤더를 검사합니다.

curl -sI https://www.example.com/assets/app.4f2a9c.js | grep -iE 'cache|age|server|cf-|x-cache'

캐시 상태 헤더를 확인하세요.

• 두 번째 요청에서의 HIT(첫 번째 요청은 보통 엣지를 채우는 MISS입니다).
• 시간이 지남에 따라 증가하는 Age 헤더.
• 엣지가 요청을 처리했음을 확인해 주는 CDN의 Server 또는 벤더 헤더.

여러 지역에서 테스트하여 전역 라우팅을 확인하세요. 그런 다음 브라우저 DevTools의 Network 탭에서 페이지를 로드하고, 캐싱된 자산에 대해 **첫 바이트까지의 시간(TTFB)**이 줄어드는지 확인하세요.

7단계: 캐시 무효화 처리하기

배포할 때는 새로운 콘텐츠가 즉시 라이브로 반영되어야 합니다. 두 가지 전략이 있습니다.

1. 핑거프린트가 포함된 파일명(권장): 새로운 빌드 = 새로운 URL = 무효화 불필요. 오래된 파일은 자연스럽게 만료됩니다.
2. 퍼지(Purge): 이름을 바꿀 수 없는 HTML이나 파일의 경우, CDN 대시보드 또는 API에서 퍼지를 트리거하세요 — 전체 퍼지 또는 대상 경로 퍼지 중 하나입니다. 캐시를 따뜻하게(warm) 유지하려면 대상 퍼지를 선호하세요.

흔한 실수

• 동적/인증된 페이지 캐싱. Set-Cookie나 사용자별 데이터가 포함된 응답은 절대 캐싱하지 마세요. 로그인된 세션과 /cart, /account, 관리자 경로에 대해서는 캐시를 우회하세요.
• Vary를 잘못 캐싱하기. Accept-Encoding이나 언어에 따라 다른 콘텐츠를 제공한다면, Vary를 올바르게 설정하세요. 그렇지 않으면 CDN이 잘못된 변형을 제공할 수 있습니다.
• 원본이 여전히 중요하다는 점을 잊기. CDN은 전송을 가속하지만, 느린 원본은 여전히 캐시 미스와 동적 요청에 악영향을 줍니다. 원본을 빠르게 유지하고 사용자와 가까이 두세요.

Skyline Cloud에서 시작하기

빠른 사이트는 빠르고 왕국 내에 위치한 원본과 깔끔한 캐시 헤더에서 시작됩니다 — 나머지는 CDN이 처리합니다. Skyline은 클라우드 호스팅, VPS, 관리형 DNS, SSL을 현지 아랍어 지원 및 PDPL/NCA를 고려한 데이터 거주성과 함께 제공하므로, 콘텐츠가 엣지로 날아가는 동안 원본은 규정을 준수한 상태로 유지됩니다.

Skyline Cloud에서 계정을 만들고 오늘 CDN을 위한 원본과 DNS를 준비하세요.