On Fri, Feb 14, 2014 at 12:42 PM, John Johnson <j...@coffeeonmars.com>wrote:
> Let's say for sizes above mobile (ie 600px) you have 2 or 3 jQuery sliders > on a page, but for mobile, you just want 1 slider to be shown. > > my thought is to use CSS to hide the unwanted, but will there still be > just as many HTTP requests, and therefore, should I look to a superior way > to do it so that the load on the mobile device reflects only what the user > sees? > > And what would that better way be? > If you are able to make this kind of change, you may want to try implementing the images in the sliders as background images on the element of your choice. You can then use media queries to prevent mobile devices from displaying the sliders that don't apply, along with the associated slider images and their HTTP requests. This has good support based on research by Jason Grigsby and furthered by Tim Kadlec: http://timkadlec.com/2012/04/media-query-asset-downloading-results/ -- Jon Reece jon.re...@gmail.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
