圖像在您的網站上下載的順序是什麼？

Question

是否按照它們在標記中顯示的順序下載圖像，或者是否存在顯示的項目被下載的字母數字順序？

我想知道，因爲我想訂購我的網站資產精靈在精選圖片之前下載。

Answer 1

很難說，CSS中的標記和圖像中有圖像。沒有任何規則，這取決於瀏覽器。

如果它們是按照源順序請求的，則不能保證響應（所有圖像數據）將按照它們請求的相同順序接收。瀏覽器可以同時發出多個請求，因此它取決於圖像的提供位置以及圖像的大小。

此外，他們可能已經被緩存，我認爲你可能過分地喋喋不休。

您可以嘗試或查看一些JavaScript preloader例程或其他東西，但說實話，這不是一種需要擔心的事情。用戶習慣於這種體驗。

最簡單的實現是隱藏所有這些圖像（使用JavaScript以便非JS不受影響）並等待頁面的onload事件，然後您可以使用JavaScript計時器使圖像按順序顯示您希望它們出現在屏幕上。

一旦所有關聯的頁面製品完成加載，onload事件就會觸發，有時候這種情況永遠不會發生（希望很少），或者花費一段難以忍受的時間。那麼，你也可以有一個超時觸發onload事件處理程序作爲後備，以防萬一發生這種情況，然後只顯示你有什麼。這是一種會導致我無法做任何事情的事情，並且保持簡單。

如果問題是頁面在圖像加載時會迴流，那是因爲您尚未指定圖像佔位符的尺寸（例如IMG元素的寬度和高度屬性）。

Answer 2

Firefox 好像按照它們在標記中顯示的順序加載圖像。我相信Chrome和Internet也是這樣做的。

您可以使用Firefox或Chrome控制檯中的Firebug自行測試。