Tutorial: Carga los JS Asíncronamente (Más velocidad)

SoloNegocios Seguir

Xi
SEO
Verificación en dos pasos desactivada
Desde
11 Abr 2009
Mensajes
4.369
1. Botón +1: Texto sacado del Blog de Google para Webmasters donde cuentan que mejoraron la velocidad del Botón +1 usando el fragmento Asincrono

Además de estas mejoras, hay nuevo fragmento asíncrono que permite que la experiencia de +1 sea todavía más ágil. El fragmento asíncrono permite que la página se siga cargando mientras el navegador descarga el JavaScript relacionado con el botón +1. Al cargar estos elementos en paralelo, garantizamos que la solicitud HTTP destinada a obtener el JavaScript del botón +1 no aumente el tiempo de carga de tu página. Quienes ya hayan implementado el botón sólo necesitarán actualizar el código para el nuevo fragmento asíncrono, tras lo cual notarán una mejora general del tiempo de carga de la página.

Si quieren leer el articulo completo lo pueden hacer aquí: El botón +1: ahora, más rápido - El Blog para Webmasters de Google

2. Google Analytics: Google también carga Asincronamente el código de Analytics

¿Qué es el código de seguimiento asincrónico de Google Analytics?

El código de seguimiento asincrónico de Google Analytics es un fragmento de código mejorado de JavaScript que carga el código de seguimiento ga.js en segundo plano mientras las demás secuencias de comandos y contenido siguen cargándose en las páginas del sitio web. Es muy probable que se aprecien las siguientes ventajas con el fragmento de código asincrónico:

mayor velocidad del tiempo general de carga de las páginas, recopilación mejorada de las visitas cortas a las páginas con gran volumen de rich media o de secuencias de comandos, recopilación, y retención, de los clics de usuario que se producen antes de que se cargue el código de seguimiento.

Fuente: ¿Qué es el código de seguimiento asincrónico de Google Analytics? - Ayuda de Analytics

3. Google Chrome: El navegador es rápido porque el carga Asincronamente todos los JS cosa que no hacen los otros navegadores, no encuentro la fuente original pero les dejo otra donde lo mencionan

Fuente: Chrome, un navegador asíncrono

Si Google lo usa en sus JS porque nosotros no?

Lo que deben hacer es ir al archivo Functions.php y pegar este código:

PHP:
function JS_Asyncrono($url_js)
{
 ?>
  <script type="text/javascript">
   (function()
   {
    var s = document.createElement('script');
    var c = document.getElementsByTagName('script')[0];
    s.type = 'text/javascript';
    s.async = true;
    s.src = '<?php echo $url_js ?>';
    c.parentNode.insertBefore(s, c);
   }
   )();
  </script >
 <?php
}

Ahora cuando necesiten un JS en sus Themes solo deben llamarlo de esta forma:

Botón Me Gusta de Facebook Asincrono: <?php JS_Asyncrono('//connect.facebook.net/es_ES/all.js#xfbml=1'); ?>
Botón Retwittear de Twitter Asincrono: <?php JS_Asyncrono('http://platform.twitter.com/widgets.js'); ?>

No es necesario usar la función:

1. En el JS de Analytics o el del botón +1 ya que Google cambio el código para que cargaran Asincronamente.
2. Tampoco lo recomiendo para colocarlo en el JS de Adsense porque Adsense dice que no debemos modificar sus códigos.
3. Al usarlo en el Jquery.js no me funciono este JS, no se porque si quieren prueben para ver como les sale.

Ademas este código les mejora el puntaje en la parte "Prefer asynchronous resources" del Google PageSpeed, también según Google al usar el código Asincrono es recomendable colocar los JS en el Head ya que tu pagina seguirá cargando al mismo tiempo que lo hacen los JS en segundo plano con esto bajas el porcentaje de rebote ya que muchos se aburren de esperar que cargue y no se vea la pagina.
 

Valadez

Eta
Programador
Verificación en dos pasos desactivada
Desde
2 Ene 2011
Mensajes
1.340
Y este también tiene Black Hat SEO?!!

Es broma :p gracias, lo implementaré en mis plantillas :)
 

Carlos Arreola

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
11.468
Este me parece un muy buen aporte ya que es algo complicado pensar en como implementarlo, lo voy a probar en uno de los sitios y aviso como me fue, gracias.
 

jackl007

Eta
Programador
Verificación en dos pasos activada
Desde
26 Ene 2010
Mensajes
1.398
Es fácil implementarlo si sabes un poco de php y javascript.

Yo si he notado que esos botones sociales hacen algo mas lento la carga de tu pagina.

Buen aporte.
 

Mykeura

Zeta
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
10 Jun 2010
Mensajes
1.916
Buen aporte SoloNegocios (va para los favoritos).
Pero una duda con respecto al tema. ¿Se puede utilizar esto con el código que Facebook da para el fan box?
Digo, porque no se si funciona con iframe.
 
Última edición:

SoloNegocios

Xi
SEO
Verificación en dos pasos desactivada
Desde
11 Abr 2009
Mensajes
4.369
Buen aporte SoloNegocios (va para los favoritos).
Pero una duda con respecto al tema. ¿Se puede utilizar esto con el código que Facebook da para el fan box?
Digo, porque no se si funciona con iframe.

Solo funciona con los JS te tocaría usar el JS de Facebook en lugar del iFrame
 

Googleriano

1
Pi
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
28 Oct 2010
Mensajes
6.117
En donde se coloca<?php JS_Asyncrono('//connect.facebook.net/es_ES/all.js#xfbml=1'); ?> y <?php JS_Asyncrono('http://platform.twitter.com/widgets.js'); ?>

Y de que forma tengo que implementarlo. No me esta funcionando. Coloqué el código de fuctions, pero luego cuando quiero llamar los botones no me funciona y me da error... [MENTION=59]SoloNegocios[/MENTION]
 

MANUEL02

Beta
Verificación en dos pasos desactivada
Desde
29 May 2013
Mensajes
34
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Este codigo esta Actualizado???

Saludos!
 

Jesus Dugarte

1
Pi
Redactor
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
23 Sep 2012
Mensajes
5.097
tan bien se ha hablado mucho últimamente con respecto al de google analytics
 

BlogsPopuli

Iota
Redactor
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
28 Nov 2011
Mensajes
2.140
Y a mi, justo lo estuve buscando hace una semana...
 

esmigol

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 Mar 2013
Mensajes
462
¿Alguien ha conseguido hacer funcionar los js de facebook y twitter de forma asíncrona?

¿Cómo se hace?

Gracias
 

foxpan

No recomendado
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
13 Nov 2012
Mensajes
3.620
hola tratando de revisar "la Fuente: ¿Qué es el código de seguimiento asincrónico de Google Analytics? - Ayuda de Analytics" ya no esta a ver si la pueden subir
 

leit0s

Eta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
24 Dic 2012
Mensajes
1.332
se puede hacer con codigos como el de impresionesweb, smotion, kontextua; alguien lo a logrado?
 

Markz

VIP
Zeta
Marketing
Verificación en dos pasos activada
Verificado por Whatsapp
Suscripción a IA
Desde
13 Ago 2014
Mensajes
1.917
me uno a la pregunta
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba