限制在移动版网站上加载图像

Question

我目前正在构建网站的移动版本。

不是一个单独的域（mobile.example.com），而是一种respnosive方法（使用媒体查询为屏幕大小加载某些CSS）

但是，我似乎无法弄清楚如何减少“页面大小”。

我网站的桌面版包含一个jquery滑块插件，可以滑动五个相对较大的高分辨率图片。我的移动端不包括那个。但是，在构建移动版本时，这些图像会继续加载。

我已将其display属性设置为none，但仍然会加载图像。

那么，无论是通过javascript还是其他类型的媒体查询，我如何指定应该和不应该加载哪些文件？

Answer 1

SmashingMagazine.com上有一篇很棒的文章“Responsive Web Design Techniques, Tools and Design Strategies”汇总了许多开发人员试图解决这个问题的方法。

那就是说，还没有一个“最佳实践”。