GCP CDN 적용하기

워드프레스로 만든 페이지의 정적 리소스를 GCP Cloud CDN 으로 캐시해 원서버 부하를 줄인 구성 기록이다. 부하 분산 생성부터 SSL·도메인의 닭과 달걀 문제, 워드프레스 플러그인 교체, 그리고 실제로 캐시가 먹었는지 로그로 확인하는 방법까지 이어진다.

핵심 포인트

목적은 이미지 같은 정적 리소스를 사용자와 가까운 위치에 캐시해 응답 시간을 줄이고 원서버 부하를 덜어내는 것이다.
GCP 부하 분산을 먼저 만들어야 하며, 백엔드에는 리소스를 담을 버킷을, 프론트엔드에는 프로토콜과 IP 를 지정한다.
순서 함정: HTTPS 를 쓰려면 SSL 이, SSL 을 받으려면 도메인이, 도메인을 지정하려면 IP 가 필요하다. 그래서 임시 SSL 로 프론트엔드를 먼저 만들어 IP 를 확보한 뒤 Cloud DNS 로 도메인을 만들고 그 도메인으로 SSL 을 발급받아 교체한다.
워드프레스 플러그인은 WP-Stateless 에서 Media Cloud 로 바꿨다. 리소스 URL 의 도메인을 원하는 값으로 지정하기 위해서다.
캐시 적중 확인은 GCP 로그 기록에서 한다. `cacheHit` 와 `cacheLookup` 이 true 이고 `statusDetails` 가 `response_from_cache` 면 정상이다.

상세 정리

SSL 발급은 부하 분산의 고급 설정 → 인증서 탭에서 도메인 값과 이름을 넣어 신청하며, 짧으면 5분 길면 30분 정도 걸린다.
플러그인 교체에 대한 자기 정정을 그대로 남긴다. 당시에는 WP-Stateless 로 URL 을 임의 지정할 수 없다고 이해했지만 실제로는 가능했다.
다만 WP-Stateless 는 파일명에 한글이 포함되면 해당 글자를 제거해 파일명이 임의로 바뀌어 오류가 날 수 있고, 실제로 매칭이 안 돼 URL 의 파일명 부분을 직접 찾아 고친 경험이 있다.
Media Cloud 는 그 문제가 없어 결과적으로 좋은 교체였다고 평가한다. 무료이며 기존 플러그인의 PROVIDER SETTINGS 를 그대로 옮겨올 수 있다.
설정은 이미지 URL 의 domain 값 하나만 앞서 만든 도메인으로 지정하면 된다.
함정: domain 값 앞에 `https://` 를 반드시 넣어야 한다. 빼먹으면 이미지를 불러오는 쪽의 도메인이 앞에 붙거나 http 로 들어가 CORS 정책에 막혀 이미지가 안 나오는 경우가 있었다.
검증 흐름: 워드프레스에서 이미지를 올리면 GCP 스토리지에 저장되고, 해당 페이지를 열면 캐시된 이미지가 내려온다.
로그에서 부하 분산을 선택하고 최근 이미지 요청을 열면 JSON 안에서 위 세 값을 확인할 수 있다.