Chargement condiotionnel scriptsociaux

Travaillant sur les version responsive de mes sites, je suis en train de travailler paralèllement sur la performance.
Et dans ce sens je souhaiterais avoir un chargement conditionnel des script sociaux (tb, tw, G+).

Comment pourrais je faire en sorte qu'il ne se charge qu'en dessous d'une certaine résolution?

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.async=true; js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
	{if $page_name == "product"}
	<script type="text/javascript">(function(d){
	  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
	  p.type = 'text/javascript';
	  p.async = true;
	  p.src = '//assets.pinterest.com/js/pinit.js';
	  f.parentNode.insertBefore(p, f);
	}(document));</script>
	<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
	{/if}
	</body>

Sachant que je charge modernizr, je crois que je pourrais l'utiliser mais je ne sais pas comment?

Bonjour,
Peut être en détectant la largeur d'écran (pas la résolution) avec window.width et screen.width en tant que conditions ?

<script>
if( window.width < 800 || screen.width < 800 ) {
//code pour petits écrans
} else {
//le reste
} 
</script>