Tradução do meu post antigo: Google Analytics e WPO Analyzers

Estou vendo cada vez mais críticas contra o Google PageSpeed ​​​​Insights (e outros analisadores WPO) porque muitos acham contraditório que o principal serviço de rastreamento do Google, o Google Analytics, seja sinalizado como um erro. “Mas é da mesma empresa!”, você pode ouvi-los dizer.

O Google Analytics, como outros serviços de rastreamento, consome muitos recursos durante o carregamento de um site. É louvável que um serviço como o Google PageSpeed ​​​​Insights sinalize isso para que você possa otimizá-lo. Para mim, perderia credibilidade como ferramenta WPO se não o fizesse. No entanto, entendo que alguém que não conhece a otimização possa culpar a ferramenta. Isso me lembra a fábula de Esopo, A Raposa e as Uvas.

Uma das opções usadas para otimizar o script do Google Analytics é hospedá-lo em seu próprio servidor e definir uma data de validade para que os navegadores possam armazená-lo em cache. Isso é algo que o Google não recomenda, o que é compreensível porque perde a capacidade de atualizar seu código sempre que quiser. Se você não optar por esta opção, com base no que o Google diz, você pode facilmente superar isso configurando um trabalho CRON para baixar o script do Google Analytics a cada poucas horas.

Outra opção (totalmente compatível com a anterior), e a que utilizo, é carregar o script do Google Analytics quando alguém rola a página. Isso pode parecer prejudicial porque pode fazer você pensar que não rastreará todos os usuários. No entanto, na minha opinião, fornecerá uma métrica mais precisa:

• Primeiro, ele não rastreará aqueles que clicam rapidamente em um link do seu site e, ao perceberem o erro, saem imediatamente.
• Ele não rastreará robôs, spiders ou entidades semelhantes que se apresentem como usuários regulares (uma vez que não enviam cabeçalhos de agente de usuário que identifiquem sua natureza real).

Além disso, é uma opção ideal porque o script será carregado assim que todo o resto já estiver carregado (para não atrasar nada) e de forma transparente enquanto o usuário estiver navegando em seu site.

Aqui está o código JavaScript que torna isso possível:

/**
 * 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);

Da linha 25 à linha 29, informamos ao navegador que quando o visitante rola (o evento de rolagem é acionado e a posição da barra de rolagem não está mais no topo) , a função load_googleAnalytics deverá ser executada. Esta função verifica (linhas 9 a 12) através de um flag se o Analytics já foi carregado na página atual. Caso contrário, o script de rastreamento é carregado (linhas 13 a 19). Observe que na linha 18 é inserido o ID do Google Analytics. Finalmente, na linha 21, a flag é ativada para evitar que o script seja carregado novamente.

Se você gostou, não esqueça de compartilhar.