의미
Link 헤더를 먼저 보내는 임시 응답으로, 서버가 최종 페이지를 만드는 동안 브라우저가 CSS나 폰트를 미리 불러오거나 다른 출처에 미리 연결할 수 있게 합니다.
흔한 원인
- Cloudflare, Fastly 같은 CDN이 캐시된 Link 헤더로 Early Hints를 보냄
- 애플리케이션 서버가 느린 렌더링 전에 103을 보냄
해결 방법
클라이언트 또는 방문자라면
할 일이 없습니다. 지원 브라우저는 미리 불러오기를 시작한 뒤 최종 응답을 사용합니다. 103을 모르는 클라이언트는 그냥 무시합니다.
사이트나 API 운영자라면
최종 페이지가 실제로 사용할 리소스만 보내고, 낭비되는 다운로드를 막기 위해 200 응답의 Link 헤더와 동일하게 유지하세요.
응답 예시
HTTP/1.1
HTTP/1.1 103 Early Hints
Link: </styles/main.css>; rel=preload; as=style
Link: <https://cdn.example.com>; rel=preconnect 명세
자주 묻는 질문
› 103 Early Hints를 지원하는 브라우저는?
Chrome, Edge, Firefox, Safari가 HTTP/2와 HTTP/3에서 103의 preload와 preconnect 힌트를 지원합니다.
› 103이 Core Web Vitals를 개선하나요?
서버 처리 시간이 길 때 그 대기 시간 동안 핵심 자산을 내려받으므로 LCP와 FCP가 개선될 수 있습니다.