我目前正在构建网站的移动版本。
不是一个单独的域(mobile.example.com),而是一种响应式方法(使用媒体查询加载某些 CSS 以适应屏幕大小)
但是,我似乎无法弄清楚如何减少“页面大小”。
我的站点的桌面版本包括一个 jquery 滑块插件,它可以在五个相对较大的高分辨率图像中滑动。我的移动端不包括那个。但是,这些图像会在构建移动版本时继续加载。
我已将它们的显示属性设置为无,但这仍然会加载图像。
那么,无论是通过 javascript 还是其他类型的媒体查询,我怎样才能指定应该加载哪些文件,不应该加载哪些文件呢?