Grow your CSS skills. Land your dream job.

Are my images being downloaded on mobile devices

  • # June 13, 2013 at 1:54 pm

    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?

    # June 13, 2013 at 1:56 pm

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

    # June 13, 2013 at 2:02 pm

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

    # June 13, 2013 at 2:04 pm

    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.

    # June 14, 2013 at 8:18 am

    Thank you. This is a very cool resource.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".