다음 페이지 (무거운 콘텐츠)
이 페이지에는 일부러 큰 이미지가 들어 있습니다. prefetch된 After 쪽은 이 페이지가
거의 즉시 뜨고, Before 쪽은 지금부터 네트워크 요청이 시작됩니다.
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
🔧 실제 구현 코드
<img src="/labs/05-image-compression/assets/photo-original.png" alt="..." />이 페이지 자체는 before/after 모두 동일합니다 — 차이는 랜딩 페이지(before.html/after.html)의 <head>에 prefetch 힌트가 있었는지 뿐입니다. after variant로 도착했다면 이 페이지와 이미지가 이미 브라우저 캐시에 있던 상태로 로드됩니다.