Are my images being downloaded on mobile devices

[jmoody]

I am working on my first responsive site using the mobile-first approach. I just want to make sure the navigation icons I set as css backgrounds aren’t being downloaded in the small screen media queries. The site is currently hosted at http://www.jasonjmoody.com. I’ve read that this is way to do it, but I just want to be 100% sure, is there any tools that can help me with this?

[Senff]

If a background image is part of a media query, then it will NOT be downloaded until the media query rules kick in.

[jmoody]

Great, thanks. I was fairly certain that was the case, I just wanted some affirmation from someone smarter than me!

[jmoody]

Does the W3C mobileOK Checker account for this? It seems to think my images were being downloaded in the mobile version, which is what got me concerned in the first place.

[CrocoDillon]

See test 5 here: http://timkadlec.com/2012/04/media-query-asset-downloading-results/

[jmoody]

Thank you. This is a very cool resource.

[Author]

Posts