在移动视图上停止下载css文件

Question

要提高响应式页面的页面速度，我必须尽量减少HTTP请求。 在我的主页上我有一个滑块，在移动视图中我不想显示滑块，而是显示一个简单的图像。

那么为什么我要停止下载滑块css和滑块js？

并且媒体quores中的style =“display：none”会停止下载滑块图像。

提前致谢，

此致 Ganesh K

Answer 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/

Answer 2

在媒体查询中，您可以为特定设备设置mediatype属性。 但我认为在大多数情况下设置显示：没有人仍会下载您的图像... 有关详细信息，请参阅 http://timkadlec.com/2012/04/media-query-asset-downloading-results/

Answer 3

  

并且媒体quores中的style =“display：none”会停止下载滑块图像。

显示：无;只会停止显示图像，它们仍会被下载。

真正阻止滑块下载的一种可能性是responsejs.com/，因为它会根据视口交换标记。

以下是在另一个问题上使用reponsejs.com的完整示例：
response.js is not firing at the breakpoints

在您的具体情况下，我不确定您是否可以停止下载滑块CSS，但无论如何它都会相对较小。您很可能会停止下载滑块图像和JS，这就是大部分带宽的位置。

祝你好运！