워드프레스 한글 폰트 속도 최적화하는 방법 5가지 [2026]

워드프레스는 전세계에서 가장 많이 쓰이는 프로그램입니다. 블로그, 쇼핑몰이 많이 느려졌다면 한글 폰트 때문인 경우도 있습니다. 방문자들 50%는 3초 이내에 페이지가 나오지 않으면 그냥 떠나버린다고 합니다. 20년간 수 많은 워드프레스 사이트를 만들고 운영하면서 느낀 점은 한글 폰트 최적화가 꼭 필요하다는 것입니다. 오늘은 그 경험을 바탕으로 꼭 필요한 정보를 공유해 보도록 하겠습니다.

1. 왜 한글 폰트가 워드프레스 속도를 느리게 할까?

한글 폰트의 무거운 짐

한글은 자음과 모음의 조합으로 최대 11,000자 이상이 필요합니다. 그래서 한글 폰트 파일은 보통 1~3MB 정도 되죠. 반면 영문 폰트는 200~500KB 수준입니다. 말 그대로 5배 이상 무겁다는 뜻입니다.

웹사이트에서 폰트를 로드할 때, 그 파일이 다운로드될 때까지 텍스트가 보이지 않는 현상(FOIT, Flash of Invisible Text)이 발생합니다. 방문자 입장에서는 답답하겠죠.

2026년 웹 성능 지표의 중요성

Google의 Core Web Vitals는 이제 검색 순위에 직접 영향을 줍니다. 로딩 속도(LCP), 상호작용성(INP), 시각적 안정성(CLS)이 주요 항목인데, 한글 폰트 최적화는 이 모든 지표 개선에 효과적입니다.

2. 웹폰트 포맷 선택: WOFF2가 정답인 이유

WOFF2의 압축 마법

WOFF2 포맷은 일반 TTF/OTF 파일 대비 30% 이상 용량을 줄입니다. 2024년 기준 95% 이상의 브라우저가 지원하므로 안심하고 사용해도 됩니다. 구형 브라우저 대응이 필요하면 WOFF 포맷을 폴백으로 설정하면 되니까요.

Google Fonts 활용법

Google에서 제공하는 ‘Noto Sans KR’ 같은 한글 폰트는 무료이지만, 전체 글자 세트를 로드하면 여전히 깁니다. 여기서 중요한 게 서브셋(Subset) 기술인데, 필요한 글자만 골라 로드하면 용량을 50% 이상 절감할 수 있습니다.

3. 폰트 로딩 전략: font-display 속성 활용

font-display: swap이 최고

CSS에서 폰트를 정의할 때 font-display: swap;을 꼭 넣으세요. 이 설정은 웹폰트가 로드될 때까지 시스템 폰트(맑은 고딕, 애플 산 등)로 먼저 텍스트를 표시하고, 로드가 완료되면 웹폰트로 교체합니다.

사용자 입장에서는 텍스트가 즉시 보이므로 훨씬 좋은 경험을 하게 됩니다. 약간의 폰트 깜빡임이 있을 수 있지만, 3초 이상 텍스트가 안 보이는 것보다는 낫죠.

실전 CSS 코드

@font-face {
  font-family: 'Noto Sans KR';
  src: url('/fonts/NotoSansKR.woff2') format('woff2');
  font-display: swap;
}

4. 글자 부분 로드(Subsetting) 기술

2,000자면 충분해요

통계에 따르면 한글 전체 11,000자 중 일상 사용 빈도가 높은 글자는 2,000자 정도입니다. 이 2,000자가 텍스트의 90%를 차지한다는 뜻이에요. 전체 폰트를 로드할 필요가 없다는 겁니다.

서브셋 처리 방법

이나 FontTools 같은 도구를 사용하면 자동으로 필요한 글자만 추출할 수 있습니다. 워드프레스를 사용한다면 웹폰트 최적화 플러그인들(예: Elementor, Divi 같은 페이지 빌더에 내장된 기능)을 활용하면 기술 난이도 없이 적용할 수 있습니다.

서브셋 처리만으로도 파일 크기가 70% 가까이 줄어드니, 반드시 해볼 가치가 있습니다.

5. CDN과 캐싱 전략으로 글로벌 속도 확보

CDN 활용의 위력

한국 사용자를 주 대상이라면 클라우드플레어(cloudflare)나 아마존 AWS를 추천합니다. 이런 CDN을 사용하면 폰트 다운로드 시간을 40~60% 단축할 수 있습니다. 서버가 서울에 있어도, CDN이 전국 곳곳에 폰트를 캐싱해두니까요.

브라우저 캐싱 설정

HTTP 헤더에서 Cache-Control: max-age=31536000으로 설정하면, 방문자가 한번 폰트를 다운로드한 후 1년간 재다운로드하지 않습니다. 재방문 시 로딩 시간이 0.1초 이하로 줄어드는 경험을 하게 되죠.

6. 시스템 폰트 폴백 체인 설정 (가장 빠른 방법)

웹폰트 없이도 충분해

사실 가장 빠른 방법은 웹폰트를 아예 안 쓰는 것입니다. 웹폰트 로딩 시간을 제거하면 속도 개선이 30% 이상입니다.

CSS의 font-family를 이렇게 설정하세요:

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 
  'Malgun Gothic', sans-serif;

이 설정은 macOS는 San Francisco, Windows는 Segoe UI, 안드로이드는 Roboto를 자동으로 사용하게 합니다. 한글은 ‘맑은 고딕’으로 표시되고, 전부 디바이스에 이미 설치된 폰트라서 다운로드 시간이 0입니다.

7. 성능 측정으로 개선 효과 확인하기

필수 도구들

Google PageSpeed Insights, GTmetrix, Lighthouse 같은 도구로 적용 전후를 비교하세요. 특히 Lighthouse 보고서의 ‘First Contentful Paint(FCP)’와 ‘Largest Contentful Paint(LCP)’ 항목에서 개선을 명확히 볼 수 있습니다.

체크리스트

• ☐ WOFF2 포맷으로 변환했는가?
• ☐ font-display: swap을 설정했는가?
• ☐ 서브셋 처리를 했는가?
• ☐ CDN을 활용하고 있는가?
• ☐ 브라우저 캐싱이 설정되었는가?

마무리: 작은 최적화가 모여 큰 성과를

워드프레스 한글 폰트 속도 최적화하는 방법들을 소개했습니다. 한 가지씩 적용하다 보면 사이트 로딩 속도가 눈에 띄게 개선될 거예요. 특히 모바일 사용자가 많은 한국 시장에서는 이런 최적화가 방문자 이탈률과 검색 순위를 좌우합니다.

제 경험상 이 5가지를 모두 적용하면 평균 40~50%의 속도 개선을 기대할 수 있습니다. 천천한 사이트는 비즈니스 손실이라는 점, 꼭 기억하시길 바랍니다.

함께 읽으면 좋은 글들

워드프레스 모바일 반응형 디자인 설정 완벽 가이드

Claude Code로 워드프레스 플러그인 만들기: 실전 튜토리얼

워드프레스 백업 자동화 플러그인 5분 완벽 설정 가이드

Laravel 프로젝트를 Vultr에 배포하는 가장 빠른 방법