Rendre un id visible ou non avec la fonction true/false

Bonjour
Je suis en train de développer un thème responsive avec le système media-querie.En fonction de la résolution de l'écran je souhaitaiterais rendre visible ou non certains blocs de mon site. J'ai réussi à contourner ce problème avec la fonction css display:none seulement le problème c'est que les blocs restent quand même visibles dans le code source.

J'ai donc pensé un autre système, grâce au JavaScript et la fonction false/true rendre visible ou non les id choisi.

Ex si id col1 , la rendre visible ou si si col2 la rendre non visible

Est-ce possible ?

Merci

plop
En fait, si je comprend bien ta question, tu ne veux pas charger des éléments du DOM qui seraient en display:none ?
L'idée étant d’alléger la page web pour le mobile ?
Si c'est bien ca, je te propose de faire l'inverse: de charger dans le DOM en ajax uniquement si la largeur de l'écran est suffisante :

var largeur = (document.body.clientWidth);
if(largeur >700){
	console.log("ok");
}

Oui c'est tout à fait ca