HTML 리소스 힌트 : dns-prefetch, prefetch, prerender


사전 연결

preconnect 관계는 DNS를 해결한다는 점에서 dns-prefetch 와 유사합니다. 그러나 TCP 핸드 셰이크 및 선택적 TLS 협상도 수행합니다. 이는 실험적인 기능입니다.

<link rel="preconnect" href="URL">

DNS- 프리 페치

브라우저에 URL에 대한 DNS를 확인하도록 알려줌으로써 해당 URL의 모든 자산이 더 빨리로드됩니다.

<link rel="dns-prefetch" href="URL">

프리 페치

지정된 리소스를 더 빨리로드 할 수 있도록 브라우저에 미리 알려야 함을 알립니다.

<link rel="prefetch" href="URL">

DNS-Prefetch는 도메인 이름 만 분석하지만 프리 페치는 지정된 리소스를 다운로드 / 저장합니다.

미리 렌더링

브라우저가 백그라운드에서 URL을 가져오고 렌더링하도록 알려줌으로써 사용자가 해당 URL을 탐색 할 때 즉각적으로 사용자에게 전달할 수 있도록합니다. 이는 실험적인 기능입니다.

<link rel="prerender" href="URL">