← 질문 목록
#120깊이 0
폰트 표시 지연과 깜빡임을 어떻게 줄이는가?
핵심 글꼴만 미리 불러오고 font-display를 용도에 맞게 선택한다. 서브셋으로 전송량을 줄이고 자체 호스팅으로 캐시와 헤더를 통제한다. 대체 글꼴의 크기도 맞춘다.
| 기준 | swap | optional |
|---|---|---|
| 첫 표시 | 대체 글꼴 | 대체 글꼴 |
| 교체 | 로드 뒤 교체 | 느리면 생략 |
preload는 첫 화면에 반드시 쓰는 파일에만 적용한다. 쓰지 않을 글꼴까지 우선순위를 올리면 핵심 이미지와 스크립트의 다운로드가 늦어진다.
대체 글꼴의 글자 폭과 행간을 실제 글꼴에 가깝게 맞춘다. size-adjust 같은 기술을 쓰면 교체 시 레이아웃 이동을 줄일 수 있다.