Mostrando resultados del 1 al 6 de 6
Like Tree6Me agrada
  • 5 Post por SoloNegocios
  • 1 Post por SoloNegocios

Tema: Carga los JS Asíncronamente (Mas velocidad)

  1. #1
    Avatar de SoloNegocios
    SoloNegocios esta en línea ahora Usuario Xi
    Registro
    11-abril-2009
    Ubicación
    Bogota - Colombia
    Edad
    29
    Mensajes
    5.130
    CMS
    CMS Utilizado
    Ir a SoloNegocios página de inicio
    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:

    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.
    marv3x, Guixe, rockoco y 2 otros les agrada esto.
    Elimina el Lenguaje HOYGANS y las Malas Palabras de tu Blog con Mata-HOYGAN

  2. #2
    Avatar de cank
    cank está desconectado Usuario Eta
    Registro
    01-enero-2011
    Ubicación
    México
    Edad
    23
    Mensajes
    1.318
    CMS
    CMS Utilizado
    Y este también tiene Black Hat SEO?!!

    Es broma gracias, lo implementaré en mis plantillas
    Compro reseñas y enlaces, si tienes una buena oferta envía MP

  3. #3
    Avatar de Carlos Arreola
    Carlos Arreola está desconectado Administrador
    Registro
    06-abril-2009
    Ubicación
    Mexicali, México
    Edad
    26
    Mensajes
    5.693
    CMS
    CMS Utilizado
    Ir a Carlos Arreola página de inicio Mi Twitter Mi Google+
    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.

  4. #4
    Avatar de jackl007
    jackl007 está desconectado Usuario Dseta
    Registro
    26-enero-2010
    Ubicación
    PERU
    Mensajes
    1.114
    Ir a jackl007 página de inicio
    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.
    Si nunca has fracasado, nunca has vivido
    Follow me: @jkbenites

  5. #5
    Avatar de Mykeura
    Mykeura está desconectado Usuario Epsilon
    Registro
    10-junio-2010
    Mensajes
    891
    CMS
    CMS Utilizado
    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 por Mykeura; 20-ene-2012 a las 19:41

  6. #6
    Avatar de SoloNegocios
    SoloNegocios esta en línea ahora Usuario Xi
    Registro
    11-abril-2009
    Ubicación
    Bogota - Colombia
    Edad
    29
    Mensajes
    5.130
    CMS
    CMS Utilizado
    Ir a SoloNegocios página de inicio
    Cita Iniciado por Mykeura Ver Mensaje
    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
    Mykeura le agrada esto.
    Elimina el Lenguaje HOYGANS y las Malas Palabras de tu Blog con Mata-HOYGAN

Información del tema

Users Browsing this Thread

Actualmente hay 1 usuarios leyendo este tema. (0 miembros y 1 invitados)

Temas Similares

  1. Velocidad de carga de mi web
    Por Wocker en el foro Off Topic
    Respuestas: 2
    Último mensaje: 24-jun-2011, 21:31
  2. Critica Ociointelectual Velocidad de carga
    Por rhudyk en el foro Critica mi Web / Blog
    Respuestas: 6
    Último mensaje: 18-ene-2011, 11:46
  3. Aumentar velocidad de carga de página
    Por w0rm en el foro Wordpress
    Respuestas: 6
    Último mensaje: 11-ene-2011, 19:56
  4. Critiquen la Velocidad de Carga de mi Blog
    Por marcodicalderon en el foro Critica mi Web / Blog
    Respuestas: 7
    Último mensaje: 23-sep-2010, 04:10
  5. Optimizar velocidad de carga de tu sitio
    Por JuanK en el foro Optimización de buscadores
    Respuestas: 9
    Último mensaje: 10-abr-2010, 21:14

Normas de Publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •