시리즈 · 4 편
폰트 성능 플레이북
기본 원리부터 웹 폰트 로딩을 최적화합니다 — 서브셋팅, 프리로딩, 표시 전략, Core Web Vitals까지 다룹니다.
1
웹 성능
웹 폰트 성능: 완전한 최적화 가이드
폰트 성능에 관해 알아야 할 모든 것 — 파일 크기, 로딩 전략, 렌더링 차단, 폰트가 Core Web Vitals에 미치는 영향까지 다룹니다.
2
웹 성능
폰트 서브셋팅: 파일 크기 90% 줄이기
대부분의 웹 폰트에는 수천 개의 사용하지 않는 문자가 포함되어 있습니다. 필요한 것만 로드하도록 폰트를 서브셋팅해 파일 크기를 크게 줄이는 방법을 배웁니다.
3
웹 성능
폰트 프리로딩: 가장 중요한 폰트에 우선순위 주기
<link rel=preload>를 사용해 브라우저에 가장 중요한 폰트를 알려줍니다. FOUT를 줄이고, LCP를 개선하며, 프리로딩이 언제 도움이 되고 언제 해가 되는지 이해합니다.
4
웹 성능
font-display: swap, fallback, optional — 무엇을 선택할까
CSS의 font-display 디스크립터는 폰트 로딩 중 사용자가 무엇을 보는지 제어합니다. 각 값마다 트레이드오프가 있으며, 올바른 값을 선택하는 방법을 다룹니다.