0

レスポンシブ ページのページ速度を上げるには、HTTP 要求を最小限に抑える必要があります。私のホームページにはスライダーがあり、モバイル ビューではスライダーを表示したくなく、代わりに単純な画像を表示します。

そのためには、どうすればスライダー css とスライダー js がダウンロードされないようにできますか?

また、メディア クワイアの style="display: none" は、スライダー イメージのダウンロードを停止します。

前もって感謝します、

よろしく、ガネーシュK

4

3 に答える 3

1

あなたが使用することができます

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

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

于 2013-08-29T10:53:04.787 に答える
0

また、メディア クワイアの style="display: none" は、スライダー イメージのダウンロードを停止します。

表示:なし; 画像の表示を停止するだけで、ダウンロードは続行されます。

スライダーのダウンロードを完全に停止する 1 つの可能性は、responsejs.com / です。これは、ビューポートに基づいてマークアップを交換するためです。

別の質問で reponsejs.com を使用した完全な例を次に示し
ます。

あなたの特定のケースでは、とにかく比較的小さいですが、スライダー CSS のダウンロードを停止できるかどうかはわかりません。ただし、スライダー イメージと JS のダウンロードを停止できる可能性は非常に高く、帯域幅のほとんどがそこにあることになります。

幸運を！

于 2013-08-29T11:13:13.577 に答える
0

メディア クエリでは、特定のデバイスの mediatype 属性を設定できます。しかし、ほとんどの場合、display:none を設定しても画像がダウンロードされると思います...詳細については、 http://timkadlec.com/2012/を参照してください。 04/media-query-asset-downloading-results/

于 2013-08-29T11:02:27.107 に答える