2013-09-22 53 views
0

Bootstrap「Carousel」是否一次加載所有圖片?如果是這樣,它是否會減少網站加載速度並增加加載時間?網站加載速度和Bootstrap「Carousel」圖片加載

我不知道Bootstrap Carousel JavaScript文件是如何工作的。當點擊下一個圖標時,如果下一個圖像通過ajax加載,則沒有問題。但是,如果一次加載所有圖像,我認爲它會降低頁面速度。

有什麼想法?

+1

使用瀏覽器控制檯網絡標籤應該回答你的第一個問題 –

回答

2

Bootstrap旋轉木馬只是旋轉它的物品。如果圖像由src屬性定義,則圖像將隨頁面的其餘部分一起加載。

你可以使用一些延遲加載方案加載順序圖像 - Google search

+0

這是目前頂級的結果,可能是值得更新的答案實際的代碼? – exussum

+0

@ user1281385,您可能需要再次閱讀該問題。 –

+0

您可以鏈接到谷歌搜索這個頁面現在是熱門搜索。添加一個延遲加載的例子仍然適用於答案 – exussum

1

引導不做幕後任何魔法懶加載作爲蒂格蘭指出。但是,許多瀏覽器不會請求通過「display:none」隱藏的圖像。因此,使用Chrome瀏覽器檢查網絡流量時,您會發現圖像實際上是「懶惰」加載的。

這種行爲的瀏覽器的一個過時的和幾乎不可讀的名單可以在這裏找到:http://www.w3.org/2009/03/image-display-none/results