De Rerum Informatica

Ieri Google ha annunciato la possibilità di inserire all’interno delle pagine web un nuovo tipo di codice javascript per il tracking degli accessi tramite Google Analytics:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script');
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' :
        'http://www') + '.google-analytics.com/ga.js';
    ga.setAttribute('async', 'true');
    document.documentElement.firstChild.appendChild(ga);
  })();

</script>

dove ovviamente al posto di UA-XXXXX-X va inserito il codice del sito da monitorare.

Il nuovo codice rappresenta un importante miglioramento per le performance di visualizzazione delle pagine: spesso capita che il caricamento della pagina non venga completato immediatamente a causa proprio del codice di tracking precedente (chi non ha mai visto almeno una volta il caricamento di una pagina bloccarsi sulla richiesta verso “www.google-analytics.com”). Quest’ultimo infatti viene eseguito in modalità bloccante dal browser, ritardando l’esecuzione delle successive istruzioni javascript che, soprattutto con l’utilizzo delle moderne librerie javascript tipo jQuery o Prototype, spesso vengono eseguite solo al completo caricamento del documento .

Il nuovo codice di tracking sfrutta una metodologia per l’esecuzione asincrona descritta qui, sostanzialmente si tratta di inserire il tag <script> relativo al tracker all’interno della pagina mediante l’istruzione javascript document.createElement e di appenderlo all’albero DOM della pagina mediante l’istruzione document.documentElement.firstChild.appendChild, dopo aver settato l’attributo async a true.

Un piccolo passo per l’uomo…