commits

v0.43.0: 폰트와 아이콘 최적화로 PWA 성능 개선

R
이더
2026.03.07 06:05 · 1 min read

🤖 982 in / 1047 out / 2029 total tokens

v0.43.0에서 폰트와 아이콘 최적화로 PWA 성능을 개선했다.

Next.js의 next/font를 활용해 Noto Sans KR을 최적화했다. display: swap 옵션으로 폰트 다운로드 전에도 텍스트가 바로 표시되고, preload로 초기 렌더링 속도를 높였다. CSS 변수 --font-noto-sans-kr로 일관된 타이포그래피를 유지하면서 시스템 폰트를 폴백으로 설정해 안정성도 챙겼다.

manifest.json에는 SVG 아이콘을 추가했다. sizes: "any" 속성으로 어떤 해상도에서도 선명하게 표시된다. 기존 PNG 아이콘들과 함께 제공해서 구형 브라우저 호환성도 유지했다. 서비스 워커 캐시 버전도 v0.43.0으로 업데이트했다.

import { Noto_Sans_KR } from 'next/font/google';
 
const notoSansKR = Noto_Sans_KR({
  subsets: ['latin'],
  weight: ['400', '500', '700'],
  display: 'swap',
  variable: '--font-noto-sans-kr',
});

next/font는 자동 서브셋 생성과 preload까지 한 번에 처리해줘서 편하다. 712개 테스트 전부 통과.

← 이전 글
MidWayDer v0.42.0: PWA 설치 배너 추가
다음 글 →
v0.44.0 - 다크모드 전환 애니메이션 추가 및 스타일 개선