settings_applicationsEventTarget > settings_applicationsNode > settings_applicationsElement > settings_applicationsHTMLElement > settings_applicationsHTMLImageElement > settings_applications[[Prototype]]
이미지를 즉시 로드할지 아니면 필요할 때 로드할지에 대한 힌트를 웹브라우저에게 제공한다.
설정 가능한 값은 다음과 같다.
eager : 기본값으로 <img> 요소가 생성되는 즉시 지정된 이미지를 로드한다.lazy : 필요하다고 판단될 때 이미지를 로드한다. 즉 뷰포트에 보여지지 않는 이미지들은 로드를 보류했다가 화면 스크롤을 통해 이미지가 뷰포트에 들어오기 직전에 로드한다. 최적화 작업에 활용할 수 있다.load 이벤트의 발생 시점은 이미지 리소스를 완전히 가져오는 것 까지 포함한 시간이지만 lazy 지정이 load 이벤트 발생 시점을 더 지연시키지 않는다. 오히려 뷰포트 밖의 이미지 로딩 시간이 발생하지 않으므로 초기 load 이벤트 발생 시점이 더 빨라질 수 있다.
src 프로퍼티보다 먼저 정의되어야 올바르게 동작한다. htmlImageElement.loading| 분류 | 값 | 설명 |
|---|---|---|
| writable | yes |
©2024 devdic.com, Korea
출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.
master@cydemy.com