퀴즈 / HTML / 문제

HTML <img> 태그의 fetchpriority 속성에서 'high' 값을 설정하면 어떤 효과가 있나요?

어려움 MDN Web Docs
보기 및 정답
A 이미지의 해상도를 높게 설정하여 더 선명한 화질로 렌더링되도록 한다
B 브라우저에게 해당 이미지를 다른 리소스보다 높은 우선순위로 다운로드하도록 힌트를 준다
C 이미지를 CDN에서 강제로 가져오며 브라우저의 로컬 캐시를 무시하는 설정이라고 할 수 있다
D 이미지의 품질을 최고 수준으로 렌더링하여 압축 없이 원본을 표시한다

해설

fetchpriority="high"는 브라우저의 리소스 페칭 우선순위를 높여, LCP(Largest Contentful Paint) 이미지 등 중요한 리소스를 먼저 다운로드하게 합니다. 'low'는 우선순위를 낮추어 덜 중요한 이미지에 사용합니다. fetch(), <link>, <script> 태그에도 적용 가능합니다.

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

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

정규반 살펴보기
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...