이중언어 웹사이트에서 중국어 페이지는 영어 페이지보다 로딩이 느린 경우가 많습니다. 원인은 대부분 폰트입니다. 중국어 폰트는 라틴 폰트보다 훨씬 더 많은 글자를 포함해야 하므로, 중국어 텍스트를 표시하기 전에 브라우저가 내려받아야 하는 파일이 훨씬 큽니다. 해결에는 디자인 변경이 필요 없습니다. 페이지에서 실제로 사용하는 글자만 전송하거나, 중국어 본문에 다운로드 폰트를 전혀 사용하지 않는 것만으로 대부분의 격차를 줄일 수 있습니다.
왜 내 사이트의 중국어 버전이 더 느리게 느껴질까요?
영어는 라틴 알파벳, 숫자, 문장 부호를 합쳐 약 100자만 필요합니다. 중국어는 수천 개의 상용 한자를 사용합니다. Google의 공식 web.dev 문서에 따르면 CJK(중국어·일본어·한국어) 폰트는 라틴 폰트보다 약 15~20배 더 많은 글자를 포함합니다. 이것이 같은 페이지에서 중국어 폰트 파일이 영어 폰트보다 훨씬 커지는 이유입니다.
소규모 비즈니스 사이트에서도 고칠 가치가 있을까요?
네. 주요 콘텐츠가 화면에 나타나는 시간(Largest Contentful Paint)은 Google의 Core Web Vitals 중 하나로 사용자 경험과 검색 순위 모두에 영향을 줍니다. 또한 이 문제는 쉽게 간과됩니다. 대부분의 사이트 운영자는 영어 페이지만 테스트하고 중국어 페이지의 네트워크 탭은 따로 확인하지 않습니다.
가장 간단한 해결책: 중국어 본문에는 폰트를 다운로드하지 않기
주요 운영체제에는 이미 고품질 중국어 폰트가 내장되어 있습니다. Apple 기기의 PingFang SC/TC, Windows의 Microsoft YaHei, Android/ChromeOS의 Noto Sans CJK입니다. 이 시스템 폰트를 커스텀 폰트보다 앞에 지정하면 브라우저는 기기에 이미 있는 폰트로 중국어를 즉시 표시하며, 다운로드는 전혀 발생하지 않습니다.
font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
커스텀 중국어 폰트가 꼭 필요하다면, 어떻게 가볍게 유지할까요?
Google은 2011년부터 Google Fonts 요청에 text= 파라미터를 추가하면 전체 폰트 파일이 아니라 지정한 글자만 반환하는 기능을 제공해 왔으며, 이는 CJK 폰트에도 적용됩니다. CSS의 unicode-range와 결합하면, web.dev 자체 문서는 이 방식이 폰트 전송량을 약 90% 줄일 수 있다고 설명합니다.
체크리스트
- 중국어 홈페이지(영어 버전이 아님)를 Chrome 개발자 도구의 Network 탭에서 열고 "Font"로 필터링하세요.
- 폰트 전송량(KB)을 영어 페이지와 비교하세요.
- 이미 시스템 폰트를 쓰고 있는지, 전체 중국어 폰트를 다운로드하고 있는지 확인하세요.
- CSS에서
font-display: swap을 사용하는지 확인하세요.
자주 묻는 질문
시스템 폰트로 바꾸면 디자인이 달라지나요?
거의 달라지지 않습니다. PingFang SC, Microsoft YaHei, Noto Sans CJK는 모두 가독성을 위해 설계된 중국어 폰트입니다.
이 방법이 영어 페이지에도 도움이 되나요?
같은 기법이 모든 폰트에 적용되지만, 이 글에서 설명한 크기 차이는 CJK 폰트에 특히 해당합니다.
사이트 전체를 다시 만들어야 하나요?
아닙니다. 이는 폰트 로딩과 CSS 조정이며, 재설계가 아닙니다.
이중언어 사이트를 어떻게 제작하는지는 웹 디자인 서비스 페이지에서 확인하거나, 사이트 폰트 로딩 무료 점검을 요청하세요.