처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈

웹에서 Preload, Prefetch, Preconnect의 차이점으로 올바른 것은?

보통 MDN Web Docs
보기 및 정답
A Preload, Prefetch, Preconnect는 모두 동일한 우선순위로 리소스를 사전 다운로드하며, 현재 페이지와 다음 페이지의 구분 없이 동일하게 동작한다
B Preload는 현재 페이지에 필수적인 리소스를, Prefetch는 다음 페이지에 필요할 리소스를, Preconnect는 외부 도메인과의 연결을 미리 준비한다
C Preconnect만 실제로 리소스 파일을 다운로드하여 캐시에 저장하고, Preload와 Prefetch는 DNS 조회와 TCP 연결 준비만 수행한다
D Prefetch가 세 가지 중 가장 높은 우선순위로 리소스를 즉시 로드하며, Preload는 낮은 우선순위로 다음 페이지 탐색을 위해 사용된다

해설

Preload는 현재 페이지에서 곧 사용될 리소스를 높은 우선순위로 미리 다운로드합니다. Prefetch는 사용자가 다음에 방문할 가능성이 있는 페이지의 리소스를 유휴 시간에 미리 가져옵니다. Preconnect는 DNS+TCP+TLS 연결만 미리 수행합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기