It is possible and worth preventing html to be loaded on mobile, if it will not be displayed? Something like media queries for html.
The only solution i found, other than “do not load images” solutions, was [this one](https://github.com/Podders/Jquery-Media-Comments “jquery media comments”), but it’s realy recent.
Seems you’re talking about a responsive based design. You can take a look at Chris’ last post on setting a cookie to check client side information, then adjust what content gets displayed server side. Or, like Jarolin said, you could keep your site responsive, but also UA sniff to serve a completely different mobile site when appropriate.
It’s an option, but I don’t want to go that far.
Sometimes we have a few elements in a responsive website we don’t want to show in the mobile version. Usually, people just set display:none, or something with the same result, to hide it. The problem with this solution is that these elemets will be loaded and slow the website.
That’s why I was wondering on solution to say “if @media (min-width: 321px) show this block of html, else don’t. Something like [IE Conditional Statements](http://css-tricks.com/how-to-create-an-ie-only-stylesheet/ “IE Coonditional Statements”), for instance.