使用媒體查詢或使用Bootstrap中的可見類

所以基本上，取決於設備，我想顯示不同的圖像。使用媒體查詢，我根據設備的大小改變了內容。

但是，我剛剛瞭解了bootstrap中的可見類，並試用了它們，並且它們給出了相同的結果，只是所有圖像都加載了，並且它們被隱藏了。所以我想知道：哪種方法更高效？

2015-05-27 kot09

我會說第一種方法更高效，因爲您只根據設備大小加載所需的圖像。這將減少傳出請求的數量並允許更快的初始頁面加載。

2015-05-27 13:43:03 arb

+1降低的內容下載量的移動重要的可行性。我會做任何有效載荷較小的路線。 – CodingWithSpike

是的，我在邏輯上認爲，這將是最好的方法，但我不確定。謝謝！ – kot09

-1

確定Bootstrap類，因爲它的移動友好開發速度更快。這些可用於通過媒體查詢顯示和隱藏設備的內容，並結合大型，小型和中型設備。

它們使開發人員的工作更加簡單，簡單，隱藏在更小的設備過剩IFO，反之亦然

2015-05-27 13:47:26

那麼，使用這些類可能會更快（編碼時），但尤其是在移動設備中，讓設備加載大量隱藏圖像，這是一個沉重的負擔，用戶可能會放棄加載頁面...（btw我沒有downvote你的答案：這對用戶的導航沒有效率，但它可以爲你節省一些時間編碼...） – Armfoot

下載更多不可見的內容是移動設備上的一個壞主意。無故加載頁面需要更長的時間，並且會使用更多客戶可能需要支付的數據。 – CodingWithSpike

回答