웹폰트 최적화를 통한 CDN 비용절감
역량 개발 · 카카오스타일 테크 · 2024.06.28
카카오스타일(지그재그) 프론트엔드팀에서 AWS CloudFront 비용을 획기적으로 절감한 기술 사례를 소개해 드립니다. 먼저 Safari 브라우저에서 `preload` 힌트를 사용할 때, `Vary: Origin` 헤더로 인해 캐시가 제대로 동작하지 않아 발생하는 과도한 폰트 호출 문제를 분석하고 해결했습니다. 또한, 용량이 큰 한글 폰트를 자주 사용하는 글자만 남긴 서브셋(Subset) 폰트로 경량화하여 데이터 전송량을 약 80% 줄였습니다. 이러한 개선을 통해 월 수만 달러에 달하던 CDN 비용을 약 1/10 수준으로 대폭 절감하는 성과를 거두었습니다.