09. 페이지 Prefetch
이 페이지의
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
<head>에는 <link rel="prefetch">로 다음
페이지와 그 안의 무거운 이미지를 미리 받아두도록 힌트를 줬습니다. 브라우저가 유휴 시간에
미리 캐시해두기 때문에, 아래 링크를 클릭하면 거의 즉시 로드됩니다.
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
🔧 실제 구현 코드
<link rel="prefetch" href="/labs/09-page-prefetch/next.html?variant=after" />
<link rel="prefetch" href="/labs/05-image-compression/assets/photo-original.png" /><head>에 넣은 prefetch 힌트 덕분에 브라우저가 유휴 시간에 다음 페이지 HTML과 그 안의 무거운 이미지를 미리 받아 캐시에 저장해둡니다. 실제로 링크를 클릭하면 네트워크 요청 없이 캐시에서 즉시 렌더링됩니다.