의 차이점으로 올바른 것은?"> 의 차이점으로 올바른 | TTJ 코딩퀴즈"> 의 차이점으로 올바른 것은?"> 의 차이점으로 올바른 | TTJ 코딩퀴즈"> 의 차이점으로 올바른 것은?">
처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / HTML / 문제

HTML <link rel="prefetch">와 <link rel="preload">의 차이점으로 올바른 것은?

어려움 MDN Web Docs
보기 및 정답
A preload는 현재 페이지에 곧 필요한 리소스를 높은 우선순위로 가져오고, prefetch는 다음 탐색에 필요할 수 있는 리소스를 낮은 우선순위로 가져온다
B preload는 이미지 파일만 지원하고, prefetch는 스크립트 파일만 지원하며 각각 리소스 유형이 제한되어 있어 혼용이 불가능하다
C prefetch가 preload보다 더 높은 우선순위로 리소스를 가져오며, preload는 브라우저가 유휴 상태인 시간에만 해당 리소스를 낮은 우선순위로 처리한다
D 둘 다 동일한 동작이며 브라우저 호환성만 다르므로, 어떤 것을 사용해도 리소스 로딩 결과에 차이가 없으며 상호 교환이 가능하다

해설

preload는 현재 페이지 렌더링에 반드시 필요한 리소스(폰트, 스크립트 등)를 높은 우선순위로 미리 로드합니다. prefetch는 사용자가 다음에 방문할 가능성이 있는 페이지의 리소스를 유휴 시간에 낮은 우선순위로 미리 가져옵니다.

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

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

정규반 살펴보기