Traducción de mi publicación anterior: Google Analytics y WPO Analyzers

Cada vez veo más críticas contra Google PageSpeed ​​Insights (y otros analizadores de WPO) porque a muchos les resulta contradictorio que el servicio de seguimiento insignia de Google, Google Analytics, esté marcado como un error. "¡Pero es de la misma empresa!", se les escucha decir.

Google Analytics, al igual que otros servicios de seguimiento, consume muchos recursos durante la carga de un sitio web. Es digno de elogio que un servicio como Google PageSpeed ​​Insights marque esto para que puedas optimizarlo. Para mí, perdería credibilidad como herramienta de WPO si no lo hiciera. Sin embargo, entiendo que alguien que no sepa sobre optimización podría culpar a la herramienta. Me recuerda a la fábula de Esopo, La zorra y las uvas.

Una de las opciones utilizadas para optimizar el script de Google Analytics es alojarlo en su propio servidor y establecer una fecha de vencimiento para que los navegadores puedan almacenarlo en caché. Esto es algo que Google no recomienda, lo cual es comprensible porque pierde la capacidad de actualizar su código cuando quiera. Si no opta por esta opción, según lo que dice Google, puede solucionarlo fácilmente configurando una tarea CRON para descargar el script de Google Analytics cada pocas horas.

Otra opción (que es totalmente compatible con la anterior), y la que yo uso, es cargar el script de Google Analytics cuando alguien se desplaza por la página. Esto puede parecer perjudicial porque podría hacerte pensar que no rastreará a todos los usuarios. Sin embargo, en mi opinión, proporcionará una métrica más precisa:

• En primer lugar, no rastreará a aquellos que hacen clic rápidamente en un enlace de su sitio y, al darse cuenta de su error, lo abandonan inmediatamente.
• No rastreará robots, arañas o entidades similares que se presenten como usuarios habituales (ya que no envían encabezados de agente de usuario que identifiquen su naturaleza real).

Además, es una opción óptima porque el script se cargará una vez que todo lo demás ya esté cargado (por lo que no ralentizará nada) y de forma transparente mientras el usuario navega por su sitio web.

Aquí está el código JavaScript que hace esto posible:

/**
 * Google Analytics and WPO Analyzers - WebPerf - Manuel Canga
 * From post: https://trasweb.net/snippets/google-analytics-and-wpo-analyzers
 */

var is_analytics_loaded = false;

load_googleAnalytics = function () {
    if (is_analytics_loaded) {
        return false;
    }

    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-xxxx', 'auto');
    ga('send', 'pageview');

    is_analytics_loaded = true;
};


window.addEventListener("scroll", function () {
    if (document.documentElement.scrollTop !== 0 || document.body.scrollTop !== 0) {
        load_googleAnalytics();
    }
}, true);

Desde la línea 25 a la línea 29, le decimos al navegador que cuando el visitante se desplaza (el evento de desplazamiento se activa y la posición de la barra de desplazamiento ya no está en la parte superior) , se debe ejecutar la función load_googleAnalytics. Esta función verifica (líneas 9 a 12) a través de una bandera si Analytics ya se ha cargado en la página actual. De lo contrario, se carga el script de seguimiento (líneas 13 a 19). Observe que en línea 18, se inserta el ID de Google Analytics. Finalmente, en la línea 21, se activa la bandera para evitar que el script se vuelva a cargar.

Si te gustó, no olvides compartirlo.