HTML에서 와 의 차이점은?

HTML에서 <link rel="preload">와 <link rel="prefetch">의 차이점은?

어려움 MDN Web Docs

보기 및 정답

A preload는 현재 페이지에 곧 필요한 리소스를, prefetch는 다음 탐색에 필요할 리소스를 미리 로드한다

B preload는 CSS 파일 전용이고, prefetch는 JavaScript 파일 전용으로 각각 리소스 유형이 제한된다

C preload는 브라우저 캐시를 사용하고, prefetch는 캐시를 무시하여 항상 새로 다운로드한다

D 둘은 동일한 동작을 하며 브라우저 호환성만 다른 것으로, 어느 쪽을 사용해도 기능적인 차이가 전혀 없다

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

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