[S15P11A705-442] 검색 의도 시점 Context 폰트 선로딩

[TrossYou]

변경 사항

• Home 검색창이 포커스를 받는 시점에 Context 손글씨 폰트를 낮은 우선순위로 선로딩합니다.
• preload와 @font-face의 URL·type·CORS 조건을 맞춰 실제 사용 시 브라우저 캐시를 재사용합니다.
• 폰트 자산 6종의 실제 크기와 재생성 가능 여부, 현재 preload 정책을 문서와 HTML 주석에 반영했습니다.
• 베이스라인·개선 수치, 실패한 캐시 계측 조건, 채택하지 않은 unicode-range 실험을 troubleshooting 기록으로 남겼습니다.

배경 및 효과

검색 결과에는 Context가 항상 있지만, 기존에는 결과가 렌더된 뒤 469KB 손글씨 폰트 요청이 시작되어 폴백 서체가 잠시 보일 수 있었습니다.

로컬 프로덕션 빌드·콜드 캐시·검색 API 600ms 지연 조건에서:

• 폰트 네트워크 시작: 결과 표시 4ms 후 → 약 818ms 전
• 폰트 다운로드 완료: 결과 표시 11ms 후 → 약 806ms 전
• 실제 폰트 적용 완료: 결과 표시 23ms 후 → 13ms 후
• 실제 전송: 469,332B 1회로 동일
• CLS: 0.0005로 동일

검색하지 않는 첫 화면에는 손글씨 폰트를 추가로 내려받지 않습니다.

검증

• Vitest 전체: 138개 파일, 1,637개 테스트 통과
• TypeScript typecheck 통과
• 변경 파일 ESLint 통과
• Vite production build 통과
• Prettier 및 git diff --check 통과

관련 이슈

• S15P11A705-442