마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법
들꿈
2025.05.25
다운받을 이미지가 많은 사이트의 경우, 마크업상으로는 더 아랫쪽에 위치하고 있지만,웹브라우저가 다운로드를 더 먼저 해야 사용성이 좋은 경우가 있습니다.이럴경우, 제 아이디어로는 두가지인데요,다음과같습니다.1)bodydiv style=display:noneimg src=1.jpg /img src=2.jpg /img src=3.jpg //div...
2)bodydiv style=display:nonediv style=background-image:url(1.jpg)/divdiv style=background-image:url(2.jpg)/divdiv style=background-image:url(3.jpg)/div/div...
1)과 2)는 비슷하지만, img태그와 src속성을 이용했느냐?div태그와 style속성을 이용했느냐?의 차이입니다.제가 알기론 img태그의 src가 style보다 우선적으로 다운로드한다고 합니다.따라서, 1)이 가장 안정빵이긴 합니다.그러나, 1)은 img태그를 썼으므로 시멘틱에서 위배되서 고민입니다.
의견, 또다른 방법주시면 감사하겠습니다.
-
여울가녘 2025-05-25
script로 image preload 는 어떤가요 ?