🤖
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개 테스트 전부 통과.