Otimização de carregamento de redes sociais em tabela de blogs

Hola, he creado una tabla con 5 redes (Facebook, Twitter, Google+, Tuenti y Pinterest) y un "agregar a favoritos". Me gustaría saber si hay alguna forma de acelerar su carga porque me ralentiza bastante los blogs :ambivalence:

* En google+ he puesto el código asíncrono, pero en el resto no sé que puedo hacer. He visto este tutorial pero no me aclaro :fatigue: mucho... http://forobeta.com/tutoriales-de-wordpress/80334-carga-javascript-asincronamente-mas-velocidad.html

¿Alguien sabe qué se puede hacer para conseguir que su carga sea asíncrona o menos "pesada"?

Gracias :encouragement:

El código es el siguiente:
<table border="0" align="center">
<tr>
<td width="70"><div align="left">
<div id="fb-root"></div>
<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.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false"></div>
</div></td>
<td width="40"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="es" data-count="none">Twittear</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></td>
<td width="30"><!-- Inserta esta etiqueta donde quieras que aparezca Botón +1. -->
<div class="g-plusone" data-size="medium" data-annotation="none"></div>

<!-- Inserta esta etiqueta después de la última etiqueta de Botón +1. -->
<script type="text/javascript">
window.___gcfg = {lang: 'es'};

(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></td>
<td width="80"><script type="text/javascript" src="http://widgets.tuenti.com/widgets.js"></script>

<a href="http://www.tuenti.com/share" id="tuenti_share" class="tuenti-share-button"
icon-style="light" language="es-ES"></a></td>
<td width="80"><a href="//pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F&media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg&description=Next%20stop%3A%20Pinterest" data-pin-do="buttonPin" data-pin-config="beside"><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a><script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script></td>
<td><center><script language="JavaScript">

function agregar(){

if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {

var url="http://aquitublog.blogspot.com";

var titulo="Aqui pones el titulo de tu blog";

window.external.AddFavorite (url,titulo);

}

else {

if(navigator.appName == "Netscape")

alert ("Presiona Crtl+D para agregar web a tus favoritos");

}

}

</script>

<input value="Agregar a favoritos" onclick="javascript:agregar();" type="button"/></center></td>
</tr>
</table>

Esos botones cargan lento por que hacen la peticion a los servidores de twitter, facebook, google etc, conexiones ssl, lo único es que guardes todas las imágenes y js en tus servidores, así cargará mas rápido no hará la petición fuera.

Ademas puedes colocar el código hasta el final del código fuente, asi los llama después de cargar toda la página. Y posicionas los botones en su lugar por medio de algun div y ccs...

Hay algunos plugins sociales asíncronos, no son muchos pero los hay

Es mejor hacerlo con CSS, el uso de tablas ya es una tecnología algo obsoleta 😛

PD: Si usas CSS lo harías un poco menos pesado y seguramente te carga mas rápido.

¿Y cómo se hace esto? ¿Hay algún tutorial o me puedes mostrar un ejemplo?

Gracias

skamasle disse:

Esos botones cargan lento por que hacen la peticion a los servidores de twitter, facebook, google etc, conexiones ssl, lo único es que guardes todas las imágenes y js en tus servidores, así cargará mas rápido no hará la petición fuera.

Clique para expandir...