Responsive design and speed

[wadem]

Hi Guys,

I have a question about responsive design.
I want to put a jquery slider on my site but when it transitions to mobile I want to display:none the slider and show a set of images.
My question is, does the phone/tablet load that hidden content if a media query is active?
I don’t want to hamper my mobile performance.

thanks
Wade

[Historical Forums User]

Set the images as background images and load them in the appropriate media query. Else you may need to do some javascripting that ie. looks at the widow.width and add image-tags depending on the result.

[Paulie_D]

It seems to me that the only thing you are disabling on mobile is the slider. You still want the images to show in mobile, just in a different format/layout.

So there is nothing to be gained by not loading them….or am I wrong?

[wadem]

@Paulie_D Instead of the slider I just want two different images. Not sure what to do.

[wadem]

There maybe 10-15 images in the slider.

[Author]

Posts