Le 9 avril 2010, Google a annoncé une modification importante de l’algorithme de ranking de son moteur de recherche.

Ce changement concerne l’intégration de la vitesse de chargement du site dans celui-ci.

Alors me direz-vous, Google nous demande de charger nos pages plus rapidement et en même temps un des scripts qui ralenti le plus leurs chargements est celui de Google Analytics !

Et bien Google nous propose une solution ! Exécuter le script de manière asynchrone !

C’est à dire le lancer une fois la page chargée en tâche de fond.

Voici comment procéder :

Il faut retirer le code de tracking habituellement placé avant la balise HTML de fermeture « </body> », puis insérer avant la balise « </head> » le code suivant :

<script type="text/javascript">

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

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

Pensez à remplacer « UA-XXXXX-X » dans le code par l’ID correspondant à votre site.

Voilà, c’est magique, quelques millisecondes, voir secondes de gagnées

Avec un design plus moderne et plus clair le site est en même temps une démo de l’utilisation de ces standards. Par exemple le menu en haut qui permet de switcher entre les modes d’affichage desktop, mobile ou print.

Ce post a été inspiré par la lecture de celui-ci (alsacréations).