I m currently building a mobile version of a site.
Not a separate domain (mobile.example.com) but a respnosive approach (using media queries to load certain CSS for screen size)
However, I can t seem to figure out how to reduce the "page size".
The desktop version of my site includes a jquery slider plugin, which slides through five relatively large, high res images. My mobile side does not include that. However, those images continue to be loaded when the mobile version is built.
I ve set their display property to none, but this still loads the images.
So how can I, whether through javascript or another type of media query, specify what files should and should not be loaded?