웹개발실무
CDNContent Delivery Network
DEFINITION
CDN은 이미지·CSS·JS 같은 파일의 복사본을 전 세계 여러 지점(엣지 서버)에 두고, 방문자와 가까운 지점에서 응답해 웹사이트 로딩을 빠르게 하는 전송망입니다.
- 줄이는 것
- 거리로 생기는 지연 · 원본 서버 부하
- 핵심 설정
- Cache-Control 헤더
- 대표 서비스
- Cloudflare, CloudFront, Fastly
01가까운 곳에 복사본을 두는 구조
- 01방문자 요청서울의 방문자가 이미지를 요청하면 가장 가까운 엣지 서버로 연결됩니다.
- 02캐시 히트엣지에 복사본이 있으면 바로 응답합니다. 원본 서버까지 가지 않아 빠릅니다.
- 03캐시 미스없으면 원본 서버에서 가져와 응답하고, 다음 요청을 위해 엣지에 저장합니다.
02CDN을 붙였는데도 느린 경우
엣지에 복사본이 없는 '캐시 미스'가 잦으면 매번 원본 서버를 거치므로 CDN의 효과가 줄어듭니다. 원인은 대개 짧은 캐시 유효기간, 쿼리 문자열마다 다른 주소로 취급되는 파일, 자주 방문되지 않아 엣지에서 밀려난 파일입니다. 스크롤 아래 이미지가 늦게 뜨는 문제도 이런 미스에서 시작되는 경우가 많습니다.
- Cache-Control: public, max-age=2592000파일명이 바뀌는 정적 자원은 길게 캐시
- max-age=0 · no-cache매번 원본에 확인, 엣지 효과가 작음
- HTML까지 오래 캐시수정해도 방문자에게 옛 페이지가 보일 수 있음
03SEO에서 기대할 수 있는 것과 없는 것
CDN은 응답 시간을 줄여 LCP 같은 Core Web Vitals 개선에 도움이 되고, 트래픽이 몰려도 원본 서버가 버티게 해 줍니다. 다만 CDN 사용 자체가 순위를 올리는 신호는 아닙니다. 또 CDN의 보안 설정이 검색봇을 봇 트래픽으로 오인해 막는 일이 없도록 크롤링 상태를 함께 확인해야 합니다.
GO DEEPER · NODELIX 가이드
SOURCES · 공식·권위 출처
