停止在移動視圖上下載css文件

Question

爲了提高響應頁面的頁面速度，我必須儘量減少HTTP請求。 在我的首頁我有一個滑塊，並在移動視圖中，我不希望顯示滑塊，而是顯示一個簡單的圖像。

那麼要做到這一點，我怎樣才能停止滑塊CSS和滑塊js被下載？

在media quires中，style =「display：none」停止下載滑塊圖像。

由於提前，

問候， Ganesh神ķ

Answer 1

而且確實風格=「顯示：無」媒體奎雷斯停止下載滑塊的圖像。

display：none;只會停止顯示圖像，它們仍將被下載。

真正停止滑動條下載的一種可能性是responsejs.com/，因爲它會交換基於視口的標記。

下面是使用reponsejs.com另一個問題一個完整的例子：
response.js is not firing at the breakpoints

在特定情況下，我不能確定，你可以停止下載滑塊CSS，雖然這將是比較小的反正。很有可能你會停止下載滑塊圖片和JS，而這也是大部分帶寬所在。

祝你好運！

Answer 2

可以使用

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Answer 3

在媒體查詢您可以設置介質類型屬性的特定設備。 但我認爲在大部分的cas ES設置顯示：無仍然會下載你的形象...... 欲瞭解更多詳細信息，關於這個請參考 http://timkadlec.com/2012/04/media-query-asset-downloading-results/