The article states “The trouble is, regardless of what you have carefully selected to be display:none; in your CSS, the iPhone still loads everything in the background; all that large imagery for your full scale website also takes up valuable mobile bandwidth and time.”
This is only partly true. Images referenced within a media query are only downloaded to the device if the media query is applicable.
So, if you’re using media queries to create a mobile and desktop version of your site using the same URLs, simply wrap your desktop css within a media query as well.
Sam Hill
The article states “The trouble is, regardless of what you have carefully selected to be display:none; in your CSS, the iPhone still loads everything in the background; all that large imagery for your full scale website also takes up valuable mobile bandwidth and time.”
This is only partly true. Images referenced within a media query are only downloaded to the device if the media query is applicable.
So, if you’re using media queries to create a mobile and desktop version of your site using the same URLs, simply wrap your desktop css within a media query as well.