사이트에서 이미지를 다운로드하는 순서는 무엇입니까?

Question

이미지가 마크 업에 표시된 순서대로 다운로드되거나 표시되는 항목이 영숫자 순서로 다운로드 되나요?

임명 된 이미지 전에 내 사이트 자산 스프라이트를 다운로드하고 싶기 때문에 궁금합니다.

Answer 1

마크 업에는 이미지가 있고 CSS에는 이미지가 있습니다. 실제로 규칙은 없지만 브라우저에 따라 다릅니다.

소스 순서대로 요청한 경우 응답 (모든 이미지 데이터)이 요청 된 것과 동일한 순서로 수신된다는 보장이 없습니다. 브라우저는 여러 요청을 동시에 수행 할 수 있으므로 이미지가 제공되는 위치와 이미지의 크기에 따라 다릅니다.

또한 이미 캐싱되어있을 수도 있습니다. 불필요한 부분에 대해 지나치게 번거롭게 할 수도 있습니다.

일부 자바 스크립트 프리 로더 루틴이나 다른 것을 시험해 볼 수도 있지만 솔직히 걱정하지 않아도됩니다. 사용자는 이러한 종류의 경험에 익숙합니다.

가장 간단한 구현은 자바 스크립트를 사용하여 비 JS가 영향을받지 않도록 모든 이미지를 숨기고 페이지의 onload 이벤트를 기다리는 것입니다. 그런 다음 자바 스크립트 타이머를 사용하여 이미지를 순서대로 표시 할 수 있습니다

onload 이벤트는 관련된 모든 페이지 생성물이로드되면 실행됩니다. 가끔씩 발생하는 경우는 거의 없으며 (거의 바라지는 않지만) 오랜 시간이 걸릴 수도 있습니다. 글쎄, 당신은 또한 fallback으로 onload 이벤트 핸들러를 트리거하는 타임 아웃을 가질 수있다. 다만 이런 경우에 대비하여, 가지고있는 것을 디스플레이하면된다. 이것은 내가 전혀 멋진 일을하는 것을 괴롭히지 않고 단순하게 유지하도록 인도하는 종류의 일입니다.

이미지가로드 될 때 페이지가 리플 로우되는 문제는 이미지 자리 표시 자의 크기 (예 : IMG 요소의 너비 및 높이 특성)를 지정하지 않았기 때문입니다.

Answer 2

파이어 폭 보이는 이미지가 마크 업에 표시된 순서대로로드됩니다. Chrome과 인터넷은 똑같은 기능을합니다.

Firefox 또는 Chrome 콘솔에서 Firebug를 사용하여 직접 테스트 할 수 있습니다.